diff options
| author | Maze Winther <mazewinther@gmail.com> | 2026-03-27 00:55:15 +0100 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2026-03-29 15:56:48 +0200 |
| commit | 4d127a038bf768eded68aae3cfa5c1b12241bdac (patch) | |
| tree | 16bbb801caf6770546cff4fdb37b6408ec9ead98 /apps/web/src/components/theme-toggle.tsx | |
| parent | 82817cb50cb0487350573d6129130aec705f924b (diff) | |
| download | opencut-4d127a038bf768eded68aae3cfa5c1b12241bdac.tar.gz | |
chore: normalize line endings
Diffstat (limited to 'apps/web/src/components/theme-toggle.tsx')
| -rw-r--r-- | apps/web/src/components/theme-toggle.tsx | 78 |
1 files changed, 39 insertions, 39 deletions
diff --git a/apps/web/src/components/theme-toggle.tsx b/apps/web/src/components/theme-toggle.tsx index 6fd84fa3..62f82309 100644 --- a/apps/web/src/components/theme-toggle.tsx +++ b/apps/web/src/components/theme-toggle.tsx @@ -1,39 +1,39 @@ -"use client"; - -import { Button } from "./ui/button"; -import { useTheme } from "next-themes"; -import { cn } from "@/utils/ui"; -import { Sun03Icon } from "@hugeicons/core-free-icons"; -import { HugeiconsIcon } from "@hugeicons/react"; - -interface ThemeToggleProps { - className?: string; - iconClassName?: string; - onToggle?: (e: React.MouseEvent<HTMLButtonElement>) => void; -} - -export function ThemeToggle({ - className, - iconClassName, - onToggle, -}: ThemeToggleProps) { - const { theme, setTheme } = useTheme(); - - return ( - <Button - size="icon" - variant="ghost" - className={cn("size-8", className)} - onClick={(e) => { - setTheme(theme === "dark" ? "light" : "dark"); - onToggle?.(e); - }} - > - <HugeiconsIcon - icon={Sun03Icon} - className={cn("!size-[1.1rem]", iconClassName)} - /> - <span className="sr-only">{theme === "dark" ? "Light" : "Dark"}</span> - </Button> - ); -} +"use client";
+
+import { Button } from "./ui/button";
+import { useTheme } from "next-themes";
+import { cn } from "@/utils/ui";
+import { Sun03Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+
+interface ThemeToggleProps {
+ className?: string;
+ iconClassName?: string;
+ onToggle?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+}
+
+export function ThemeToggle({
+ className,
+ iconClassName,
+ onToggle,
+}: ThemeToggleProps) {
+ const { theme, setTheme } = useTheme();
+
+ return (
+ <Button
+ size="icon"
+ variant="ghost"
+ className={cn("size-8", className)}
+ onClick={(e) => {
+ setTheme(theme === "dark" ? "light" : "dark");
+ onToggle?.(e);
+ }}
+ >
+ <HugeiconsIcon
+ icon={Sun03Icon}
+ className={cn("!size-[1.1rem]", iconClassName)}
+ />
+ <span className="sr-only">{theme === "dark" ? "Light" : "Dark"}</span>
+ </Button>
+ );
+}
|
