style: prettier format file client/src/lib/useTheme.ts
This commit is contained in:
@@ -35,7 +35,7 @@ const useTheme = (): [Theme, (mode: Theme) => void] => {
|
|||||||
darkModeMediaQuery.removeEventListener("change", handleDarkModeChange);
|
darkModeMediaQuery.removeEventListener("change", handleDarkModeChange);
|
||||||
};
|
};
|
||||||
}, [theme]);
|
}, [theme]);
|
||||||
|
|
||||||
const setThemeWithSideEffect = useCallback((newTheme: Theme) => {
|
const setThemeWithSideEffect = useCallback((newTheme: Theme) => {
|
||||||
setTheme(newTheme);
|
setTheme(newTheme);
|
||||||
localStorage.setItem("theme", newTheme);
|
localStorage.setItem("theme", newTheme);
|
||||||
@@ -43,10 +43,7 @@ const useTheme = (): [Theme, (mode: Theme) => void] => {
|
|||||||
document.documentElement.classList.toggle("dark", newTheme === "dark");
|
document.documentElement.classList.toggle("dark", newTheme === "dark");
|
||||||
}
|
}
|
||||||
}, []);
|
}, []);
|
||||||
return useMemo(() => [
|
return useMemo(() => [theme, setThemeWithSideEffect], [theme]);
|
||||||
theme,
|
|
||||||
setThemeWithSideEffect,
|
|
||||||
], [theme]);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default useTheme;
|
export default useTheme;
|
||||||
|
|||||||
Reference in New Issue
Block a user