feat: add change owner button

bcgov · Apr 5, 2024 · b522851 · b522851
1 parent d0b56b3
commit b522851
Showing 1 changed file with 19 additions and 2 deletions.
diff --git a/src/front-end/typescript/lib/pages/organization/edit/tab/team.tsx b/src/front-end/typescript/lib/pages/organization/edit/tab/team.tsx
@@ -22,6 +22,7 @@ import { userAvatarPath } from "front-end/lib/pages/user/lib";
 import Capabilities, { Capability } from "front-end/lib/views/capabilities";
 import Icon from "front-end/lib/views/icon";
 import Link, {
+  Props as LinkProps,
   iconLinkSymbol,
   imageLinkSymbol,
   leftPlacement
@@ -875,7 +876,8 @@ export const component: Tab.Component<State, Msg> = {
     }
   },
   getActions: ({ state, dispatch }) => {
-    if (!isVendor(state.viewerUser) && !isAdmin(state.viewerUser)) {
+    const viewerIsAdmin = isAdmin(state.viewerUser);
+    if (!isVendor(state.viewerUser) && !viewerIsAdmin) {
       return component_.page.actions.none();
     }
     const isAddTeamMembersLoading = state.addTeamMembersLoading > 0;
@@ -890,7 +892,22 @@ export const component: Tab.Component<State, Msg> = {
         disabled: isLoading,
         symbol_: leftPlacement(iconLinkSymbol("user-plus")),
         color: "primary"
-      }
+      },
+      ...(viewerIsAdmin
+        ? [
+            {
+              children: "Change Owner",
+              onClick: () =>
+                dispatch(adt("showModal", adt("changeOwner")) as Msg),
+              button: true,
+              outline: true,
+              loading: isAddTeamMembersLoading,
+              disabled: isLoading,
+              symbol_: leftPlacement(iconLinkSymbol("user-edit")),
+              color: "c-nav-fg-alt"
+            } as LinkProps
+          ]
+        : [])
     ]);
   }
 };