fix(sidebar): persist sidebar state across page navigation

- Move `isSidebarOpen` state from local component (`useState`) to global Zustand store (`ui-store.ts`).
- Fix an issue where the sidebar would incorrectly reset to its default closed state when navigating between routes (e.g., to the Telemetry page) due to component remounting.
- Ensure consistent sidebar toggle behavior across the entire dashboard application.
This commit is contained in:
seriouselly
2026-06-12 12:26:11 +07:00
parent d5ff1a5cc0
commit a77a6c84ff
2 changed files with 23 additions and 8 deletions
+7 -1
View File
@@ -1,12 +1,18 @@
import { create } from 'zustand';
import { create } from "zustand";
type UiState = {
dashboardCompact: boolean;
toggleDashboardCompact: () => void;
isSidebarOpen: boolean;
setIsSidebarOpen: (isOpen: boolean) => void;
};
export const useUiStore = create<UiState>((set) => ({
dashboardCompact: false,
toggleDashboardCompact: () =>
set((state) => ({ dashboardCompact: !state.dashboardCompact })),
isSidebarOpen: false,
setIsSidebarOpen: (isOpen: boolean) => set({ isSidebarOpen: isOpen }),
}));