Use local storage to remember user's theme preference (opendatahub-io…

…#3554)
ppadti · Dec 6, 2024 · 70e0d4e · 70e0d4e
1 parent 966c055
commit 70e0d4e
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/frontend/src/app/ThemeContext.tsx b/frontend/src/app/ThemeContext.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { useBrowserStorage } from '~/components/browserStorage';
 
 type ThemeContextProps = {
   theme: string;
@@ -14,7 +15,7 @@ type ThemeProviderProps = {
   children: React.ReactNode;
 };
 export const ThemeProvider: React.FC<ThemeProviderProps> = ({ children }) => {
-  const [theme, setTheme] = React.useState('light');
+  const [theme, setTheme] = useBrowserStorage<string>('odh.dashboard.ui.theme', 'light');
 
   const contextValue = React.useMemo(() => ({ theme, setTheme }), [theme, setTheme]);