Merge pull request umami-software#1446 from AkashRajpurohit/master

feat: ✨ customize theme and locale based on query params
lelas · Aug 25, 2022 · 7ef4718 · 7ef4718
2 parents 9fea2fc + ec7bc92
commit 7ef4718
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/hooks/useLocale.js b/hooks/useLocale.js
@@ -48,5 +48,14 @@ export default function useLocale() {
     }
   }, [locale]);
 
+  useEffect(() => {
+    const url = new URL(window.location.href);
+    const locale = url.searchParams.get('locale');
+
+    if (locale) {
+      saveLocale(locale);
+    }
+  }, []);
+
   return { locale, saveLocale, messages, dir, dateLocale };
 }
diff --git a/hooks/useTheme.js b/hooks/useTheme.js
@@ -23,5 +23,14 @@ export default function useTheme() {
     document.body.setAttribute('data-theme', theme);
   }, [theme]);
 
+  useEffect(() => {
+    const url = new URL(window.location.href);
+    const theme = url.searchParams.get('theme');
+
+    if (['light', 'dark'].includes(theme)) {
+      saveTheme(theme);
+    }
+  }, []);
+
   return [theme, saveTheme];
 }