Accords-Library-Archive/accords-library.com
1
0
Fork 0
Code Issues Pull Requests 5 Packages Projects Releases Wiki Activity

Fixed darkmode not keeping the user preference

Browse Source
This commit is contained in:
DrMint 2022-09-21 18:12:47 +02:00
parent ee9a9a67fc
commit 2dacf190d2
1 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/hooks/useDarkMode.ts
View File

@ -1,6 +1,6 @@
import { useEffect } from "react";
import { useLocalStorage } from "usehooks-ts";
import { usePrefersDarkMode } from "./useMediaQuery";
import { useStateWithLocalStorage } from "./useStateWithLocalStorage";
export const useDarkMode = (
key: string,
@ -11,12 +11,9 @@ export const useDarkMode = (
React.Dispatch<React.SetStateAction<boolean>>,
React.Dispatch<React.SetStateAction<boolean>>
] => {
const [darkMode, setDarkMode] = useStateWithLocalStorage(key, initialValue);
const [darkMode, setDarkMode] = useLocalStorage(key, initialValue);
const prefersDarkMode = usePrefersDarkMode();
const [selectedThemeMode, setSelectedThemeMode] = useStateWithLocalStorage(
"selectedThemeMode",
false
);
const [selectedThemeMode, setSelectedThemeMode] = useLocalStorage("selectedThemeMode", false);
useEffect(() => {
if (!selectedThemeMode) setDarkMode(prefersDarkMode);