prettier

2026-10-12 18:26:36 +08:00 · 2026-07-13 15:17:45 +08:00
parent 08e61ce833
commit e0eb4e5975
334 changed files with 17212 additions and 12321 deletions
@@ -1,155 +1,204 @@
 // Copyright 2026 Arctel.net
 // SPDX-License-Identifier: Apache-2.0

-"use client"
+'use client';

-import dynamic from "next/dynamic"
-import {useEffect, useMemo} from "react"
-import {useQuery} from "@tanstack/react-query"
-import {Loader2, Settings} from "lucide-react"
-import {useRouter, useSearchParams} from "next/navigation"
-import {motion} from "motion/react"
+import dynamic from 'next/dynamic';
+import { useEffect, useMemo } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { Loader2, Settings } from 'lucide-react';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { motion } from 'motion/react';

-import {Tabs, TabsContent, TabsList, TabsTrigger} from "@/components/ui/tabs"
-import {useAuth} from "@/components/providers/auth-provider"
-import services from "@/lib/services"
-import type {SystemConfig} from "@/lib/services/admin"
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { useAuth } from '@/components/providers/auth-provider';
+import services from '@/lib/services';
+import type { SystemConfig } from '@/lib/services/admin';

 const tabFallback = (
-  <div className="h-64 animate-pulse rounded-lg border border-border/40 bg-muted/20" />
-)
+  <div className='h-64 animate-pulse rounded-lg border border-border/40 bg-muted/20' />
+);

 const SecurityTab = dynamic(
-  () => import("@/components/common/settings/security-tab").then((mod) => mod.SecurityTab),
+  () =>
+    import('@/components/common/settings/security-tab').then(
+      (mod) => mod.SecurityTab,
+    ),
  { loading: () => tabFallback },
-)
+);

 const OperationTab = dynamic(
-  () => import("@/components/common/settings/operation-tab").then((mod) => mod.OperationTab),
+  () =>
+    import('@/components/common/settings/operation-tab').then(
+      (mod) => mod.OperationTab,
+    ),
  { loading: () => tabFallback },
-)
+);

 const SystemTab = dynamic(
-  () => import("@/components/common/settings/system-tab").then((mod) => mod.SystemTab),
+  () =>
+    import('@/components/common/settings/system-tab').then(
+      (mod) => mod.SystemTab,
+    ),
  { loading: () => tabFallback },
-)
+);

 const OtherTab = dynamic(
-  () => import("@/components/common/settings/other-tab").then((mod) => mod.OtherTab),
+  () =>
+    import('@/components/common/settings/other-tab').then(
+      (mod) => mod.OtherTab,
+    ),
  { loading: () => tabFallback },
-)
+);

 const InfoTab = dynamic(
-  () => import("@/components/common/settings/info-tab").then((mod) => mod.InfoTab),
+  () =>
+    import('@/components/common/settings/info-tab').then((mod) => mod.InfoTab),
  { loading: () => tabFallback },
-)
+);

 const SystemStatusManager = dynamic(
-  () => import("./components/system-status").then((mod) => mod.SystemStatusManager),
+  () =>
+    import('./components/system-status').then((mod) => mod.SystemStatusManager),
  { loading: () => tabFallback },
-)
+);

 function systemConfigMap(configs: SystemConfig[]) {
  return configs.reduce<Record<string, SystemConfig>>((accumulator, config) => {
-    accumulator[config.key] = config
-    return accumulator
-  }, {})
+    accumulator[config.key] = config;
+    return accumulator;
+  }, {});
 }

 export function AdminSettingsPageClient() {
-  const { user, loading } = useAuth()
-  const router = useRouter()
-  const searchParams = useSearchParams()
+  const { user, loading } = useAuth();
+  const router = useRouter();
+  const searchParams = useSearchParams();

  const activeTab = useMemo(() => {
-    const rawTab = searchParams.get("tab")
-    const validTabs = ["security", "operation", "system", "other", "status", "info"]
-    return rawTab && validTabs.includes(rawTab) ? rawTab : "security"
-  }, [searchParams])
+    const rawTab = searchParams.get('tab');
+    const validTabs = [
+      'security',
+      'operation',
+      'system',
+      'other',
+      'status',
+      'info',
+    ];
+    return rawTab && validTabs.includes(rawTab) ? rawTab : 'security';
+  }, [searchParams]);

  const handleTabChange = (value: string) => {
-    router.push(`/admin/settings?tab=${value}`)
-  }
+    router.push(`/admin/settings?tab=${value}`);
+  };

  const systemConfigsQuery = useQuery({
-    queryKey: ["admin", "system-configs"],
-    queryFn: () => services.adminSystemConfig.listSystemConfigs("system"),
+    queryKey: ['admin', 'system-configs'],
+    queryFn: () => services.adminSystemConfig.listSystemConfigs('system'),
    enabled: !!user?.is_admin,
-  })
+  });

  const configs = useMemo(
    () => systemConfigMap(systemConfigsQuery.data ?? []),
    [systemConfigsQuery.data],
-  )
+  );

  useEffect(() => {
    if (!loading && (!user || !user.is_admin)) {
-      router.replace("/settings/profile")
+      router.replace('/settings/profile');
    }
-  }, [user, loading, router])
+  }, [user, loading, router]);

  if (loading || !user || !user.is_admin) {
    return (
-      <div className="flex items-center justify-center min-h-[400px]">
-        <Loader2 className="size-6 animate-spin text-primary" />
+      <div className='flex items-center justify-center min-h-[400px]'>
+        <Loader2 className='size-6 animate-spin text-primary' />
      </div>
-    )
+    );
  }

  return (
    <motion.div
      initial={{ opacity: 0, y: 15 }}
      animate={{ opacity: 1, y: 0 }}
-      transition={{ duration: 0.35, ease: "easeOut" }}
-      className="py-6 space-y-6 w-full"
+      transition={{ duration: 0.35, ease: 'easeOut' }}
+      className='py-6 space-y-6 w-full'
    >
-      <div className="flex items-center gap-2">
-        <Settings className="size-5 text-primary" />
+      <div className='flex items-center gap-2'>
+        <Settings className='size-5 text-primary' />
        <div>
-          <h1 className="text-2xl font-semibold tracking-tight">系统设置</h1>
+          <h1 className='text-2xl font-semibold tracking-tight'>系统设置</h1>
        </div>
      </div>
-      <Tabs value={activeTab} onValueChange={handleTabChange} className="w-full">
-        <TabsList variant="line" className="w-fit inline-flex gap-8 mb-6">
-          <TabsTrigger value="security" className="px-0 pb-2 text-xs font-semibold">
+      <Tabs
+        value={activeTab}
+        onValueChange={handleTabChange}
+        className='w-full'
+      >
+        <TabsList variant='line' className='w-fit inline-flex gap-8 mb-6'>
+          <TabsTrigger
+            value='security'
+            className='px-0 pb-2 text-xs font-semibold'
+          >
            安全设置
          </TabsTrigger>
-          <TabsTrigger value="operation" className="px-0 pb-2 text-xs font-semibold">
+          <TabsTrigger
+            value='operation'
+            className='px-0 pb-2 text-xs font-semibold'
+          >
            业务设置
          </TabsTrigger>
-          <TabsTrigger value="system" className="px-0 pb-2 text-xs font-semibold">
+          <TabsTrigger
+            value='system'
+            className='px-0 pb-2 text-xs font-semibold'
+          >
            系统设置
          </TabsTrigger>
-          <TabsTrigger value="other" className="px-0 pb-2 text-xs font-semibold">
+          <TabsTrigger
+            value='other'
+            className='px-0 pb-2 text-xs font-semibold'
+          >
            其他设置
          </TabsTrigger>
-          <TabsTrigger value="status" className="px-0 pb-2 text-xs font-semibold">
+          <TabsTrigger
+            value='status'
+            className='px-0 pb-2 text-xs font-semibold'
+          >
            系统状态
          </TabsTrigger>
-          <TabsTrigger value="info" className="px-0 pb-2 text-xs font-semibold">
+          <TabsTrigger value='info' className='px-0 pb-2 text-xs font-semibold'>
            系统信息
          </TabsTrigger>
        </TabsList>

-        <TabsContent value="security" className="focus-visible:outline-none">
-          <SecurityTab configs={configs} systemConfigsQuery={systemConfigsQuery} />
+        <TabsContent value='security' className='focus-visible:outline-none'>
+          <SecurityTab
+            configs={configs}
+            systemConfigsQuery={systemConfigsQuery}
+          />
        </TabsContent>
-        <TabsContent value="operation" className="focus-visible:outline-none">
-          <OperationTab configs={configs} systemConfigsQuery={systemConfigsQuery} />
+        <TabsContent value='operation' className='focus-visible:outline-none'>
+          <OperationTab
+            configs={configs}
+            systemConfigsQuery={systemConfigsQuery}
+          />
        </TabsContent>
-        <TabsContent value="system" className="focus-visible:outline-none">
-          <SystemTab configs={configs} systemConfigsQuery={systemConfigsQuery} />
+        <TabsContent value='system' className='focus-visible:outline-none'>
+          <SystemTab
+            configs={configs}
+            systemConfigsQuery={systemConfigsQuery}
+          />
        </TabsContent>
-        <TabsContent value="status" className="focus-visible:outline-none">
+        <TabsContent value='status' className='focus-visible:outline-none'>
          <SystemStatusManager />
        </TabsContent>
-        <TabsContent value="other" className="focus-visible:outline-none">
+        <TabsContent value='other' className='focus-visible:outline-none'>
          <OtherTab configs={configs} />
        </TabsContent>
-        <TabsContent value="info" className="focus-visible:outline-none">
+        <TabsContent value='info' className='focus-visible:outline-none'>
          <InfoTab />
        </TabsContent>
      </Tabs>
    </motion.div>
-  )
-}
+  );
+}