kevin/portfolio
1
0
Fork 0
Code

Pertain theme settings.

Browse Source
This commit is contained in:
PA4KEV 2023-08-17 21:19:39 +02:00
parent a4638d830c
commit 75695b1e4f
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/ThemeContext.js
View File

@ -8,8 +8,13 @@ export function ThemeProvider({ children }) {
// document.body.className = theme; // document.body.className = theme;
); );
const updateTheme = newTheme => {
setTheme(newTheme);
localStorage.setItem('theme', newTheme);
};
return ( return (
<ThemeContext.Provider value={{ theme, setTheme }}> <ThemeContext.Provider value={{ theme, updateTheme }}>
{children} {children}
</ThemeContext.Provider> </ThemeContext.Provider>
); );

4
src/UI/Navigation.js
View File

@ -9,10 +9,10 @@ let section = window.location.pathname.split('/')[2];
let chapter = window.location.pathname.split('/')[3]; let chapter = window.location.pathname.split('/')[3];
const Navigation = () => { const Navigation = () => {
const { theme, setTheme } = useTheme(); const { theme, updateTheme } = useTheme();
const toggleTheme = () => { const toggleTheme = () => {
setTheme((theme === 'light') ? 'dark' : 'light'); updateTheme((theme === 'light') ? 'dark' : 'light');
} }
return ( return (