theme toggle

This commit is contained in:
Alvaro Perez Pintado
2023-06-15 19:07:18 +02:00
parent f64fbdfeac
commit c79898ba36
+10
View File
@@ -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" ? (