fix: keep selection in cluster dashboard

kubeshop · Mar 9, 2023 · 3ff35cc · 3ff35cc
1 parent 2a4b011
commit 3ff35cc
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 5 deletions.
diff --git a/src/components/organisms/DashboardPane/DashboardPane.tsx b/src/components/organisms/DashboardPane/DashboardPane.tsx
@@ -1,5 +1,4 @@
 import {useCallback, useEffect, useMemo, useState} from 'react';
-import {useMount} from 'react-use';
 
 import {FundProjectionScreenOutlined} from '@ant-design/icons';
 
@@ -100,10 +99,6 @@ const DashboardPane = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [registeredKindHandlers, leftMenu, selectedNamespace, clusterResourceMetaMapRef]);
 
-  useMount(() => {
-    dispatch(setActiveDashboardMenu({key: 'Overview', label: 'Overview'}));
-  });
-
   const setActiveMenu = useCallback(
     (menuItem: DashboardMenu) => {
       trackEvent('dashboard/selectKind', {kind: menuItem.key});

diff --git a/src/redux/dashboard/slice.ts b/src/redux/dashboard/slice.ts
@@ -28,6 +28,7 @@ export const dashboardSlice = createSlice({
   extraReducers: builder => {
     builder.addCase(startClusterConnection.fulfilled, state => {
       state.tableDrawer.selectedResourceId = undefined;
+      state.ui.activeMenu = {key: 'Overview', label: 'Overview'};
     });
   },
 });