perf: use biome

2026-05-06 13:58:43 +00:00 · 2025-12-28 18:05:02 +08:00
parent 3bfd4ef4d2
commit 29e349505d
115 changed files with 9924 additions and 8381 deletions
@@ -1,62 +1,76 @@
-import { Theme } from "@/components/ThemeProvider"
-import { Button } from "@/components/ui/button"
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
-import { cn } from "@/lib/utils"
-import { CheckCircleIcon } from "@heroicons/react/20/solid"
-import { Moon, Sun } from "lucide-react"
-import { useTranslation } from "react-i18next"
+import { CheckCircleIcon } from "@heroicons/react/20/solid";
+import { Moon, Sun } from "lucide-react";
+import { useTranslation } from "react-i18next";
+import type { Theme } from "@/components/ThemeProvider";
+import { Button } from "@/components/ui/button";
+import {
+	DropdownMenu,
+	DropdownMenuContent,
+	DropdownMenuItem,
+	DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { cn } from "@/lib/utils";

-import { useTheme } from "../hooks/use-theme"
+import { useTheme } from "../hooks/use-theme";

 export function ModeToggle() {
-  const { t } = useTranslation()
-  const { setTheme, theme } = useTheme()
+	const { t } = useTranslation();
+	const { setTheme, theme } = useTheme();

-  const customBackgroundImage = (window.CustomBackgroundImage as string) !== "" ? window.CustomBackgroundImage : undefined
+	const customBackgroundImage =
+		(window.CustomBackgroundImage as string) !== ""
+			? window.CustomBackgroundImage
+			: undefined;

-  const handleSelect = (e: Event, newTheme: Theme) => {
-    e.preventDefault()
-    setTheme(newTheme)
-  }
+	const handleSelect = (e: Event, newTheme: Theme) => {
+		e.preventDefault();
+		setTheme(newTheme);
+	};

-  return (
-    <DropdownMenu>
-      <DropdownMenuTrigger asChild>
-        <Button
-          variant="outline"
-          size="sm"
-          className={cn("rounded-full px-[9px] bg-white dark:bg-black", {
-            "bg-white/70 dark:bg-black/70": customBackgroundImage,
-          })}
-        >
-          <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">Toggle theme</span>
-        </Button>
-      </DropdownMenuTrigger>
-      <DropdownMenuContent className="flex flex-col gap-0.5" align="end">
-        <DropdownMenuItem
-          className={cn("rounded-b-[5px] text-xs", { "gap-3 bg-muted font-semibold": theme === "light" })}
-          onSelect={(e) => handleSelect(e, "light")}
-        >
-          {t("theme.light")}
-          {theme === "light" && <CheckCircleIcon className="size-4" />}
-        </DropdownMenuItem>
-        <DropdownMenuItem
-          className={cn("rounded-[5px] text-xs", { "gap-3 bg-muted font-semibold": theme === "dark" })}
-          onSelect={(e) => handleSelect(e, "dark")}
-        >
-          {t("theme.dark")}
-          {theme === "dark" && <CheckCircleIcon className="size-4" />}
-        </DropdownMenuItem>
-        <DropdownMenuItem
-          className={cn("rounded-t-[5px] text-xs", { "gap-3 bg-muted font-semibold": theme === "system" })}
-          onSelect={(e) => handleSelect(e, "system")}
-        >
-          {t("theme.system")}
-          {theme === "system" && <CheckCircleIcon className="size-4" />}
-        </DropdownMenuItem>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  )
+	return (
+		<DropdownMenu>
+			<DropdownMenuTrigger asChild>
+				<Button
+					variant="outline"
+					size="sm"
+					className={cn("rounded-full px-[9px] bg-white dark:bg-black", {
+						"bg-white/70 dark:bg-black/70": customBackgroundImage,
+					})}
+				>
+					<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">Toggle theme</span>
+				</Button>
+			</DropdownMenuTrigger>
+			<DropdownMenuContent className="flex flex-col gap-0.5" align="end">
+				<DropdownMenuItem
+					className={cn("rounded-b-[5px] text-xs", {
+						"gap-3 bg-muted font-semibold": theme === "light",
+					})}
+					onSelect={(e) => handleSelect(e, "light")}
+				>
+					{t("theme.light")}
+					{theme === "light" && <CheckCircleIcon className="size-4" />}
+				</DropdownMenuItem>
+				<DropdownMenuItem
+					className={cn("rounded-[5px] text-xs", {
+						"gap-3 bg-muted font-semibold": theme === "dark",
+					})}
+					onSelect={(e) => handleSelect(e, "dark")}
+				>
+					{t("theme.dark")}
+					{theme === "dark" && <CheckCircleIcon className="size-4" />}
+				</DropdownMenuItem>
+				<DropdownMenuItem
+					className={cn("rounded-t-[5px] text-xs", {
+						"gap-3 bg-muted font-semibold": theme === "system",
+					})}
+					onSelect={(e) => handleSelect(e, "system")}
+				>
+					{t("theme.system")}
+					{theme === "system" && <CheckCircleIcon className="size-4" />}
+				</DropdownMenuItem>
+			</DropdownMenuContent>
+		</DropdownMenu>
+	);
 }