prettier

frontend/app/(main)/components/dashboard/distribution-rank-charts.tsx

@@ -1,14 +1,8 @@
 'use client';
 
 import {RankChart} from '@/components/data/rank-chart';
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card';
-import type {DistributionItem, TrafficDistributions} from '@/lib/services/openflare';
+import {Card, CardContent, CardDescription, CardHeader, CardTitle,} from '@/components/ui/card';
+import type {DistributionItem, TrafficDistributions,} from '@/lib/services/openflare';
 
 function toRankItems(items: DistributionItem[]) {
   return items.map((item) => ({
@@ -23,18 +17,18 @@ export function SourceDistributionChart({
   items: TrafficDistributions['source_countries'];
 }) {
   return (
-    <Card className="border-dashed shadow-none">
+    <Card className='border-dashed shadow-none'>
       <CardHeader>
-        <CardTitle className="text-sm font-semibold">来源分布</CardTitle>
-        <CardDescription className="text-xs">
+        <CardTitle className='text-sm font-semibold'>来源分布</CardTitle>
+        <CardDescription className='text-xs'>
           聚合最近 24 小时主要来源国家。
         </CardDescription>
       </CardHeader>
       <CardContent>
         <RankChart
           items={toRankItems(items)}
-          color="#38bdf8"
-          emptyMessage="暂无来源分布数据"
+          color='#38bdf8'
+          emptyMessage='暂无来源分布数据'
         />
       </CardContent>
     </Card>
@@ -47,10 +41,10 @@ export function StatusCodeDistributionChart({
   items: TrafficDistributions['status_codes'];
 }) {
   return (
-    <Card className="border-dashed shadow-none">
+    <Card className='border-dashed shadow-none'>
       <CardHeader>
-        <CardTitle className="text-sm font-semibold">状态码分布</CardTitle>
-        <CardDescription className="text-xs">
+        <CardTitle className='text-sm font-semibold'>状态码分布</CardTitle>
+        <CardDescription className='text-xs'>
           快速判断成功响应是否仍是主流，以及错误码是否有抬升。
         </CardDescription>
       </CardHeader>
@@ -60,8 +54,8 @@ export function StatusCodeDistributionChart({
             ...item,
             label: `HTTP ${item.label}`,
           }))}
-          color="#f59e0b"
-          emptyMessage="暂无状态码分布"
+          color='#f59e0b'
+          emptyMessage='暂无状态码分布'
         />
       </CardContent>
     </Card>
@@ -74,20 +68,20 @@ export function TopDomainChart({
   items: TrafficDistributions['top_domains'];
 }) {
   return (
-    <Card className="border-dashed shadow-none">
+    <Card className='border-dashed shadow-none'>
       <CardHeader>
-        <CardTitle className="text-sm font-semibold">Top Domain</CardTitle>
-        <CardDescription className="text-xs">
+        <CardTitle className='text-sm font-semibold'>Top Domain</CardTitle>
+        <CardDescription className='text-xs'>
           观察主要流量集中在哪些域名。
         </CardDescription>
       </CardHeader>
       <CardContent>
         <RankChart
           items={toRankItems(items)}
-          color="#34d399"
-          emptyMessage="暂无域名分布"
+          color='#34d399'
+          emptyMessage='暂无域名分布'
         />
       </CardContent>
     </Card>
   );
-}
+}