mirror of
https://github.com/farion1231/cc-switch.git
synced 2026-07-28 00:35:32 +08:00
Jason
8e59a634fd
Now that the view transition animation is gone, setTheme no longer needs click coordinates. Reduce the API surface to (theme: Theme) => void and simplify the call sites in mode-toggle and ThemeSettings.
26 lines
801 B
TypeScript
26 lines
801 B
TypeScript
import { Moon, Sun } from "lucide-react";
|
|
import { useTranslation } from "react-i18next";
|
|
import { Button } from "@/components/ui/button";
|
|
import { useTheme } from "@/components/theme-provider";
|
|
|
|
export function ModeToggle() {
|
|
const { theme, setTheme } = useTheme();
|
|
const { t } = useTranslation();
|
|
|
|
const toggleTheme = () => {
|
|
if (theme === "dark") {
|
|
setTheme("light");
|
|
} else {
|
|
setTheme("dark");
|
|
}
|
|
};
|
|
|
|
return (
|
|
<Button variant="outline" size="icon" onClick={toggleTheme}>
|
|
<Sun className="h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
|
|
<Moon className="absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
|
|
<span className="sr-only">{t("common.toggleTheme")}</span>
|
|
</Button>
|
|
);
|
|
}
|