xwx.moe/el.xwx.moe
xwx.moe/ el.xwx.moe
1
0
Disbranĉigi 0
Fontkodo Issues Tirpetoj Actions Packages Projects Eldonoj Wiki Activity

Persistant Dark/Light mode.

This commit is contained in:
Daniel 2022-06-07 19:13:49 +04:30
parent 54454bbb85
commit 2114c03c29
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/App.js
View File

@ -23,7 +23,7 @@ function App() {
[tagsChecked, setTagsChecked] = useState(true),
[sortBy, setSortBy] = useState('Default'),
[loader, setLoader] = useState(false),
[lightMode, setLightMode] = useState(false);
[lightMode, setLightMode] = useState(localStorage.getItem('light-mode') === 'true');
function SetLoader(x) {
setLoader(x)
@ -82,14 +82,27 @@ function App() {
setNumberOfResults(filteredData.length);
}, [filteredData]);
// useEffect(() => {
// const isLight = localStorage.getItem("light-mode");
// if (JSON.parse(isLight)) {
// setLightMode(true);
// } else {
// setLightMode(false);
// }
// }, []);
useEffect(() => {
if (lightMode) {
document.body.classList.add("light");
} else {
document.body.classList.remove("light");
}
localStorage.setItem('light-mode', lightMode);
}, [lightMode]);
return (
<div className="App">
<div className='content'>