dominik/homepage-plus
1
0
Fork 0
mirror of https://github.com/DI0IK/homepage-plus.git synced 2025-07-13 16:30:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

further restructuring

Browse source
This commit is contained in:
Ben Phelps 2022-09-26 15:25:10 +03:00
parent 9b07f3eb90
commit 4386999c38
55 changed files with 224 additions and 224 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/components/toggles/theme.jsx Normal file
View file

@ -0,0 +1,30 @@
import { useContext } from "react";
import { MdDarkMode, MdLightMode, MdToggleOff, MdToggleOn } from "react-icons/md";
import { ThemeContext } from "utils/contexts/theme";
export default function ThemeToggle() {
const { theme, setTheme } = useContext(ThemeContext);
if (!theme) {
return null;
}
return (
<div className="rounded-full flex self-end">
<MdLightMode className="text-theme-800 dark:text-theme-200 w-5 h-5 m-1.5" />
{theme === "dark" ? (
<MdToggleOn
onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
className="text-theme-800 dark:text-theme-200 w-8 h-8 cursor-pointer"
/>
) : (
<MdToggleOff
onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
className="text-theme-800 dark:text-theme-200 w-8 h-8 cursor-pointer"
/>
)}
<MdDarkMode className="text-theme-800 dark:text-theme-200 w-5 h-5 m-1.5" />
</div>
);
}