Merge pull request #879 from vizhub-core/theme-persist

Theme persist
vizhub-core · Nov 27, 2024 · fdb1c7b · fdb1c7b
2 parents 9db5162 + 14ebb7d
commit fdb1c7b
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/src/client/VZSettings.tsx b/src/client/VZSettings.tsx
@@ -30,11 +30,21 @@ export const VZSettings = ({
 
   const handleThemeChange = useCallback(
     (event: React.ChangeEvent<HTMLSelectElement>) => {
-      setTheme(event.target.value as ThemeLabel);
+      const selectedTheme = event.target.value as ThemeLabel;
+      setTheme(selectedTheme);
+      localStorage.setItem('vzcodeSelectedTheme', selectedTheme);
     },
     [],
   );
-
+
+  useEffect(() => {
+    const savedTheme = localStorage.getItem('vzcodeSelectedTheme') as ThemeLabel | null;
+    if (savedTheme) {
+      setTheme(savedTheme);
+    } else {
+      setTheme('vizhub');
+    }
+  }, [setTheme]);
   // Initialize font and size from localStorage or defaults
   // const [selectedFont, setSelectedFont] = useState(
   //   localStorage.getItem('vzcodeSelectedFont') ||