fix: fix theme not respected bug

This commit makes sure that the theme that is stored in the local storage is respected.
rickstaa · Oct 19, 2022 · f19abd6 · f19abd6 · vercel · Oct 19, 2022
1 parent 3217c57
commit f19abd6
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -25,9 +25,10 @@ export interface SnackbarMessage {
 const App = () => {
   const prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
   const [mode, setMode] = useState(() => {
-    return window.localStorage.getItem("mode") || prefersDarkMode
-      ? "dark"
-      : "light";
+    return (
+      window.localStorage.getItem("mode") ||
+      (prefersDarkMode ? "dark" : "light")
+    );
   });
   const [snackPack, setSnackPack] = useState<readonly SnackbarMessage[]>([]);
   const [open, setOpen] = useState(false);