[优化] 格式化

openflare_server/web/features/dashboard/api/overview.ts

@@ -27,7 +27,9 @@ function isCompactDistributionItem(
 }
 
 function isCompactTrafficTrendPoint(
-  value: DashboardOverview['trends']['traffic_24h'][number] | CompactTrafficTrendPoint,
+  value:
+    | DashboardOverview['trends']['traffic_24h'][number]
+    | CompactTrafficTrendPoint,
 ): value is CompactTrafficTrendPoint {
   return Array.isArray(value);
 }
@@ -74,7 +76,10 @@ function normalizeDistributionItems(
 
 function normalizeTrafficTrendPoints(
   items:
-    | Array<DashboardOverview['trends']['traffic_24h'][number] | CompactTrafficTrendPoint>
+    | Array<
+        | DashboardOverview['trends']['traffic_24h'][number]
+        | CompactTrafficTrendPoint
+      >
     | null
     | undefined,
 ) {
@@ -114,7 +119,8 @@ function normalizeCapacityTrendPoints(
 function normalizeNetworkTrendPoints(
   items:
     | Array<
-        DashboardOverview['trends']['network_24h'][number] | CompactNetworkTrendPoint
+        | DashboardOverview['trends']['network_24h'][number]
+        | CompactNetworkTrendPoint
       >
     | null
     | undefined,
@@ -136,7 +142,8 @@ function normalizeNetworkTrendPoints(
 function normalizeDiskIOTrendPoints(
   items:
     | Array<
-        DashboardOverview['trends']['disk_io_24h'][number] | CompactDiskIOTrendPoint
+        | DashboardOverview['trends']['disk_io_24h'][number]
+        | CompactDiskIOTrendPoint
       >
     | null
     | undefined,
@@ -154,7 +161,10 @@ function normalizeDiskIOTrendPoints(
 }
 
 function normalizeDashboardNodes(
-  items: Array<DashboardNodeHealth | CompactDashboardNodeHealth> | null | undefined,
+  items:
+    | Array<DashboardNodeHealth | CompactDashboardNodeHealth>
+    | null
+    | undefined,
 ): DashboardNodeHealth[] {
   return arrayOrEmpty(items).map((item) =>
     isCompactDashboardNode(item)
@@ -185,11 +195,7 @@ function normalizeDashboardNodes(
 }
 
 function normalizeDashboardOverview(
-  overview:
-    | DashboardOverview
-    | DashboardOverviewCompact
-    | null
-    | undefined,
+  overview: DashboardOverview | DashboardOverviewCompact | null | undefined,
 ): DashboardOverview | null {
   if (!overview) {
     return null;
@@ -209,8 +215,12 @@ function normalizeDashboardOverview(
       source_countries: normalizeDistributionItems(
         overview.distributions?.source_countries,
       ),
-      status_codes: normalizeDistributionItems(overview.distributions?.status_codes),
-      top_domains: normalizeDistributionItems(overview.distributions?.top_domains),
+      status_codes: normalizeDistributionItems(
+        overview.distributions?.status_codes,
+      ),
+      top_domains: normalizeDistributionItems(
+        overview.distributions?.top_domains,
+      ),
     },
     trends: {
       traffic_24h: normalizeTrafficTrendPoints(overview.trends?.traffic_24h),
@@ -222,8 +232,8 @@ function normalizeDashboardOverview(
 }
 
 export async function getDashboardOverview() {
-  const overview = await apiRequest<DashboardOverview | DashboardOverviewCompact>(
-    '/dashboard/overview',
-  );
+  const overview = await apiRequest<
+    DashboardOverview | DashboardOverviewCompact
+  >('/dashboard/overview');
   return normalizeDashboardOverview(overview);
 }

openflare_server/web/features/dashboard/components/dashboard-overview.tsx

@@ -137,8 +137,8 @@ function NodeHealthRow({ node }: { node: DashboardNodeHealth }) {
           {isWSConnectedLastSeen(node.last_seen_at)
             ? ' WS 已连接'
             : node.last_seen_at
-            ? ` ${formatRelativeTime(node.last_seen_at)} · ${formatDateTime(node.last_seen_at)}`
-            : ' 暂无'}
+              ? ` ${formatRelativeTime(node.last_seen_at)} · ${formatDateTime(node.last_seen_at)}`
+              : ' 暂无'}
         </p>
       </div>
     </Link>
@@ -249,9 +249,7 @@ export function DashboardOverview() {
       </div>
 
       <div className="grid gap-6 xl:grid-cols-[1.1fr_0.9fr]">
-        <AppCard
-          title="24 小时网络与磁盘趋势"
-        >
+        <AppCard title="24 小时网络与磁盘趋势">
           <div className="space-y-6">
             <TrendChart
               labels={overview.trends.network_24h.map((point) =>
@@ -311,9 +309,7 @@ export function DashboardOverview() {
           </div>
         </AppCard>
 
-        <AppCard
-          title="Top 节点榜单"
-        >
+        <AppCard title="Top 节点榜单">
           <div className="grid gap-6 xl:grid-cols-1">
             <div>
               <p className="mb-3 text-xs tracking-[0.22em] text-[var(--foreground-muted)] uppercase">
@@ -352,10 +348,7 @@ export function DashboardOverview() {
       </div>
 
       <div className="grid gap-6 xl:grid-cols-3">
-        <AppCard
-          title="来源分布"
-          description="聚合最近 24 小时主要来源国家。"
-        >
+        <AppCard title="来源分布" description="聚合最近 24 小时主要来源国家。">
           <RankChart
             items={overview.distributions.source_countries.map((item) => ({
               label: item.key,
@@ -380,10 +373,7 @@ export function DashboardOverview() {
           />
         </AppCard>
 
-        <AppCard
-          title="Top Domain"
-          description="观察主要流量集中在哪些域名。"
-        >
+        <AppCard title="Top Domain" description="观察主要流量集中在哪些域名。">
           <RankChart
             items={overview.distributions.top_domains.map((item) => ({
               label: item.key,