<add>Domains support

src/components/header.tsx

@@ -26,8 +26,8 @@ import { useEffect, useRef, useState } from "react"
 import { useTranslation } from "react-i18next"
 import { Link, useLocation, useNavigate } from "react-router-dom"
 
-import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar"
-import { Button } from "./ui/button"
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
+import { Button } from "@/components/ui/button"
 import {
     DropdownMenu,
     DropdownMenuContent,
@@ -37,10 +37,12 @@ import {
     DropdownMenuSeparator,
     DropdownMenuShortcut,
     DropdownMenuTrigger,
-} from "./ui/dropdown-menu"
-import { IconButton } from "./xui/icon-button"
-import { NzNavigationMenuLink } from "./xui/navigation-menu"
+} from "@/components/ui/dropdown-menu"
+import { IconButton } from "@/components/xui/icon-button"
+import { NzNavigationMenuLink } from "@/components/xui/navigation-menu"
 
+// =======================================================
+// vvvvvvvvvvv 1. 在这里为移动端菜单添加新页面 vvvvvvvvvvv
 const pages = [
     { href: "/dashboard", label: i18next.t("Server") },
     { href: "/dashboard/service", label: i18next.t("Service") },
@@ -48,8 +50,11 @@ const pages = [
     { href: "/dashboard/notification", label: i18next.t("Notification") },
     { href: "/dashboard/ddns", label: i18next.t("DDNS") },
     { href: "/dashboard/nat", label: i18next.t("NATT") },
+    { href: "/dashboard/domain", label: i18next.t("Domain") }, // <-- 新增的域名监控链接
     { href: "/dashboard/server-group", label: i18next.t("Group") },
 ]
+// ^^^^^^^^^^^ 1. 在这里为移动端菜单添加新页面 ^^^^^^^^^^^
+// =======================================================
 
 export default function Header() {
     const { t } = useTranslation()
@@ -233,6 +238,21 @@ export default function Header() {
                                     <Link to="/dashboard/nat">{t("NATT")}</Link>
                                 </NzNavigationMenuLink>
                             </NavigationMenuItem>
+
+                            {/* ======================================================= */}
+                            {/* vvvvvvvvvvv 2. 在这里为桌面端菜单添加新链接 vvvvvvvvvvv */}
+                            <NavigationMenuItem>
+                                <NzNavigationMenuLink
+                                    asChild
+                                    active={location.pathname === "/dashboard/domain"}
+                                    className={navigationMenuTriggerStyle()}
+                                >
+                                    <Link to="/dashboard/domain">{t("Domain")}</Link>
+                                </NzNavigationMenuLink>
+                            </NavigationMenuItem>
+                            {/* ^^^^^^^^^^^ 2. 在这里为桌面端菜单添加新链接 ^^^^^^^^^^^ */}
+                            {/* ======================================================= */}
+                            
                             <NavigationMenuItem>
                                 <NzNavigationMenuLink
                                     asChild
@@ -408,3 +428,4 @@ function Overview() {
         </section>
     )
 }
+

src/components/ui/switch.tsx

@@ -0,0 +1,27 @@
+import * as React from "react"
+import * as SwitchPrimitives from "@radix-ui/react-switch"
+
+import { cn } from "@/lib/utils"
+
+const Switch = React.forwardRef<
+  React.ElementRef<typeof SwitchPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
+>(({ className, ...props }, ref) => (
+  <SwitchPrimitives.Root
+    className={cn(
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      className
+    )}
+    {...props}
+    ref={ref}
+  >
+    <SwitchPrimitives.Thumb
+      className={cn(
+        "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+      )}
+    />
+  </SwitchPrimitives.Root>
+))
+Switch.displayName = SwitchPrimitives.Root.displayName
+
+export { Switch }