Merge pull request #388 from berty/feat/rememberTheme

feat: Store Theme in localStorage.
berty · Sep 30, 2020 · 1bd68fc · 1bd68fc
2 parents 036c8f9 + a730e17
commit 1bd68fc
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/web/src/store/ThemeStore.js b/web/src/store/ThemeStore.js
@@ -13,7 +13,10 @@ const detectBrowserTheme = () => {
 export const ThemeStore = ({ children }) => {
   const [theme, setTheme] = useState(themes.dark)
 
-  const changeTheme = (newName) => setTheme(themes[newName] || themes.dark)
+  const changeTheme = (newName) => {
+    window.localStorage.setItem("theme", newName)
+    setTheme(themes[newName] || themes.dark)
+  }
 
   const themeStyles = useMemo(() => {
     const primaryButtonColors = {
@@ -42,6 +45,11 @@ export const ThemeStore = ({ children }) => {
   }, [theme])
 
   useEffect(() => {
+    const lTheme = window.localStorage.getItem("theme")
+    if (lTheme) {
+      changeTheme(lTheme)
+      return
+    }
     const { isLight } = detectBrowserTheme()
     if (isLight) changeTheme('light')
   }, [])