Frontend/src/app/components/theme-toggle-button.tsx
Liam f00d6d8ba4
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 56s
add motd to the server page
2024-04-16 21:18:08 +01:00

16 lines
439 B
TypeScript

"use client";
import { useTheme } from "next-themes";
import { MoonIcon } from "./icon/moon-icon";
import { SunIcon } from "./icon/sun-icon";
export function ToggleThemeButton(): JSX.Element {
const { theme, setTheme } = useTheme();
return (
<button className="p-2 rounded-lg" onClick={() => setTheme(theme === "dark" ? "light" : "dark")}>
{theme === "dark" ? <SunIcon /> : <MoonIcon color="#000" />}
</button>
);
}