mirror of
https://github.com/TheRealOwenRees/echecsfrance.git
synced 2026-07-23 04:26:57 +00:00
theme toggle
This commit is contained in:
@@ -2,12 +2,22 @@
|
|||||||
|
|
||||||
import { MdBrightness2, MdCircle } from "react-icons/md";
|
import { MdBrightness2, MdCircle } from "react-icons/md";
|
||||||
import useDarkMode from "@/hooks/useDarkMode";
|
import useDarkMode from "@/hooks/useDarkMode";
|
||||||
|
import { useEffect, useState} from 'react'
|
||||||
|
|
||||||
// TODO write tests for light/mode
|
// TODO write tests for light/mode
|
||||||
// TODO fix TS error on setTheme
|
// TODO fix TS error on setTheme
|
||||||
const ThemeSwitcher = () => {
|
const ThemeSwitcher = () => {
|
||||||
|
const [mounted, setMounted] = useState(false);
|
||||||
const [colorTheme, setTheme] = useDarkMode();
|
const [colorTheme, setTheme] = useDarkMode();
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
setMounted(true);
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
if(!mounted) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
{colorTheme === "light" ? (
|
{colorTheme === "light" ? (
|
||||||
|
|||||||
Reference in New Issue
Block a user