frontend: Add search to TopBar

Signed-off-by: Oleksandr Dubenko <oldubenko@microsoft.com>
headlamp-k8s · Nov 15, 2024 · d4588e6 · d4588e6
1 parent 0fefa0e
commit d4588e6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/frontend/src/components/App/TopBar.tsx b/frontend/src/components/App/TopBar.tsx
@@ -29,6 +29,7 @@ import { useTypedSelector } from '../../redux/reducers/reducers';
 import { SettingsButton } from '../App/Settings';
 import { ClusterTitle } from '../cluster/Chooser';
 import ErrorBoundary from '../common/ErrorBoundary';
+import { GlobalSearch } from '../globalSearch/GlobalSearch';
 import { drawerWidth } from '../Sidebar';
 import HeadlampButton from '../Sidebar/HeadlampButton';
 import { setWhetherSidebarOpen } from '../Sidebar/sidebarSlice';
@@ -353,6 +354,10 @@ export function PureTopBar({
   );
 
   const allAppBarActions: AppBarAction[] = [
+    {
+      id: DefaultAppBarAction.GLOBAL_SEARCH,
+      action: <GlobalSearch />,
+    },
     {
       id: DefaultAppBarAction.CLUSTER,
       action: (
@@ -433,7 +438,6 @@ export function PureTopBar({
           ) : (
             <>
               <AppLogo />
-              <Box sx={{ flexGrow: 1 }} />
               <AppBarActions
                 appBarActions={processAppBarActions(allAppBarActions, appBarActionsProcessors)}
               />

diff --git a/frontend/src/redux/actionButtonsSlice.ts b/frontend/src/redux/actionButtonsSlice.ts
@@ -42,6 +42,7 @@ export enum DefaultAppBarAction {
   NOTIFICATION = 'NOTIFICATION',
   SETTINGS = 'SETTINGS',
   USER = 'USER',
+  GLOBAL_SEARCH = 'GLOBAL_SEARCH',
 }
 
 type HeaderActionFuncType = (