frontend: Integrate Activity launch for search results in GlobalSearchContent

Author: sniok

frontend/src/components/globalSearch/GlobalSearchContent.tsx

@@ -49,9 +49,12 @@ import StatefulSet from '../../lib/k8s/statefulSet';
 import { createRouteURL, getDefaultRoutes } from '../../lib/router';
 import { getClusterPrefixedPath } from '../../lib/util';
 import { useTypedSelector } from '../../redux/hooks';
+import { Activity } from '../activity/Activity';
 import { ADVANCED_SEARCH_QUERY_KEY } from '../advancedSearch/AdvancedSearch';
 import { ThemePreview } from '../App/Settings/ThemePreview';
 import { setTheme, useAppThemes } from '../App/themeSlice';
+import { KubeObjectDetails } from '../resourceMap/details/KubeNodeDetails';
+import { KubeIcon } from '../resourceMap/kubeIcon/KubeIcon';
 import { Delayed } from './Delayed';
 import { useLocalStorageState } from './useLocalStorageState';
 import { useRecent } from './useRecent';
@@ -158,6 +161,7 @@ export function GlobalSearchContent({
   const [query, setQuery] = useState(defaultValue ?? '');
   const clusters = useClustersConf() ?? {};
   const selectedClusters = useSelectedClusters();
+  const drawerEnabled = useTypedSelector(state => state.drawerMode.isDetailDrawerEnabled);
 
   const [recent, bump] = useRecent('search-recent-items');
 
@@ -177,7 +181,18 @@ export function GlobalSearchContent({
               name: item.metadata.name,
               namespace: item.metadata.namespace,
             });
-        history.push(url);
+
+        if (drawerEnabled) {
+          Activity.launch({
+            id: item.metadata.uid,
+            content: <KubeObjectDetails resource={item} />,
+            location: 'split-right',
+            title: item.kind + ': ' + item.metadata.name,
+            icon: <KubeIcon kind={item.kind} width="100%" height="100%" />,
+          });
+        } else {
+          history.push(url);
+        }
       }),
     [resources, isMap, location.search]
   );