fix: add Admin Settings to NavigationTabbar (ET-194) (#9423)

determined-ai · May 28, 2024 · 515c135 · 515c135
1 parent 00bbda6
commit 515c135
Showing 1 changed file with 13 additions and 5 deletions.
diff --git a/webui/react/src/components/NavigationTabbar.tsx b/webui/react/src/components/NavigationTabbar.tsx
@@ -65,7 +65,7 @@ const NavigationTabbar: React.FC = () => {
 
   const showNavigation = isAuthenticated && ui.showChrome;
 
-  const { canCreateWorkspace } = usePermissions();
+  const { canCreateWorkspace, canAdministrateUsers } = usePermissions();
 
   const WorkspaceCreateModal = useModal(WorkspaceCreateModalComponent);
 
@@ -139,19 +139,27 @@ const NavigationTabbar: React.FC = () => {
         </div>
       ),
     },
+  ];
+
+  if (canAdministrateUsers) {
+    overflowActionsTop.push({
+      icon: 'group',
+      label: 'Admin Settings',
+      onClick: (e: AnyMouseEvent) => handlePathUpdate(e, paths.admin()),
+    });
+  }
+
+  const overflowActionsBottom: OverflowActionProps[] = [
     {
       icon: 'settings',
-      label: 'Settings',
+      label: 'User Settings',
       onClick: () => setShowSettings(true),
     },
     {
       icon: 'user',
       label: 'Sign out',
       onClick: (e: AnyMouseEvent) => handlePathUpdate(e, paths.logout()),
     },
-  ];
-
-  const overflowActionsBottom: OverflowActionProps[] = [
     {
       external: true,
       icon: 'docs',