fix: lint

src/components/Footer.tsx

@@ -10,7 +10,10 @@ const Footer: React.FC = () => {
           <a href={"https://github.com/naiba/nezha"} target="_blank">
             Nezha
           </a>
-          <a href={"https://github.com/hamster1963/nezha-dash-react"} target="_blank">
+          <a
+            href={"https://github.com/hamster1963/nezha-dash-react"}
+            target="_blank"
+          >
             Nezha-Dash
           </a>
         </section>

src/components/ServerCard.tsx

@@ -5,17 +5,11 @@ import { cn, formatNezhaInfo } from "@/lib/utils";
 import { NezhaAPI } from "@/types/nezha-api";
 import { Card } from "./ui/card";
 
-export default function ServerCard({
+export default function ServerCard({ serverInfo }: { serverInfo: NezhaAPI }) {
-  serverInfo,
-}: {
-  serverInfo: NezhaAPI;
-}) {
-
   const { name, country_code, online, cpu, up, down, mem, stg } =
     formatNezhaInfo(serverInfo);
 
-  const showFlag = true
+  const showFlag = true;
-
 
   return online ? (
     <section>
@@ -49,9 +43,7 @@ export default function ServerCard({
           </div>
         </section>
         <div className="flex flex-col gap-2">
-          <section
+          <section className={cn("grid grid-cols-5 items-center gap-3")}>
-            className={cn("grid grid-cols-5 items-center gap-3")}
-          >
             <div className={"flex w-14 flex-col"}>
               <p className="text-xs text-muted-foreground">{"CPU"}</p>
               <div className="flex items-center text-xs font-semibold">

src/components/ServerFlag.tsx

@@ -11,7 +11,6 @@ export default function ServerFlag({
 }) {
   const [supportsEmojiFlags, setSupportsEmojiFlags] = useState(false);
 
-
   useEffect(() => {
     const checkEmojiSupport = () => {
       const canvas = document.createElement("canvas");

src/components/ServerOverview.tsx

@@ -7,17 +7,19 @@ type ServerOverviewProps = {
   total: number;
   up: number;
   down: number;
-}
+};
-
-
-export default function ServerOverview({ online, offline, total, up, down }: ServerOverviewProps) {
 
+export default function ServerOverview({
+  online,
+  offline,
+  total,
+  up,
+  down,
+}: ServerOverviewProps) {
   return (
     <>
       <section className="grid grid-cols-2 gap-4 lg:grid-cols-4">
-        <Card
+        <Card className={cn("hover:border-blue-500 transition-all")}>
-          className={cn("hover:border-blue-500 transition-all")}
-        >
           <CardContent className="px-6 py-3">
             <section className="flex flex-col gap-1">
               <p className="text-sm font-medium md:text-base">
@@ -27,9 +29,7 @@ export default function ServerOverview({ online, offline, total, up, down }: Ser
                 <span className="relative flex h-2 w-2">
                   <span className="relative inline-flex h-2 w-2 rounded-full bg-blue-500"></span>
                 </span>
-                  <div className="text-lg font-semibold">
+                <div className="text-lg font-semibold">{total}</div>
-                    {total}
-                  </div>
               </div>
             </section>
           </CardContent>
@@ -50,9 +50,7 @@ export default function ServerOverview({ online, offline, total, up, down }: Ser
                   <span className="relative inline-flex h-2 w-2 rounded-full bg-green-500"></span>
                 </span>
 
-                  <div className="text-lg font-semibold">
+                <div className="text-lg font-semibold">{online}</div>
-                    {online}
-                  </div>
               </div>
             </section>
           </CardContent>
@@ -60,7 +58,6 @@ export default function ServerOverview({ online, offline, total, up, down }: Ser
         <Card
           className={cn(
             " hover:ring-red-500 ring-1 ring-transparent transition-all",
-
           )}
         >
           <CardContent className="px-6 py-3">
@@ -73,9 +70,7 @@ export default function ServerOverview({ online, offline, total, up, down }: Ser
                   <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-red-500 opacity-75"></span>
                   <span className="relative inline-flex h-2 w-2 rounded-full bg-red-500"></span>
                 </span>
-                  <div className="text-lg font-semibold">
+                <div className="text-lg font-semibold">{offline}</div>
-                    {offline}
-                  </div>
               </div>
             </section>
           </CardContent>
@@ -83,7 +78,6 @@ export default function ServerOverview({ online, offline, total, up, down }: Ser
         <Card
           className={cn(
             " hover:ring-purple-500 ring-1 ring-transparent transition-all",
-
           )}
         >
           <CardContent className="relative px-6 py-3">
@@ -101,7 +95,6 @@ export default function ServerOverview({ online, offline, total, up, down }: Ser
                 </p>
               </section>
             </section>
-            
           </CardContent>
         </Card>
       </section>

src/components/ui/progress.tsx

@@ -1,28 +1,31 @@
-import * as React from "react"
+import * as React from "react";
-import * as ProgressPrimitive from "@radix-ui/react-progress"
+import * as ProgressPrimitive from "@radix-ui/react-progress";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 const Progress = React.forwardRef<
   React.ElementRef<typeof ProgressPrimitive.Root>,
   React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> & {
-    indicatorClassName?: string
+    indicatorClassName?: string;
   }
 >(({ className, value, indicatorClassName, ...props }, ref) => (
   <ProgressPrimitive.Root
     ref={ref}
     className={cn(
       "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
-      className
+      className,
     )}
     {...props}
   >
     <ProgressPrimitive.Indicator
-      className={cn("h-full w-full flex-1 bg-primary transition-all", indicatorClassName)}
+      className={cn(
+        "h-full w-full flex-1 bg-primary transition-all",
+        indicatorClassName,
+      )}
       style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
     />
   </ProgressPrimitive.Root>
-))
+));
-Progress.displayName = ProgressPrimitive.Root.displayName
+Progress.displayName = ProgressPrimitive.Root.displayName;
 
-export { Progress }
+export { Progress };

src/hooks/use-websocket.tsx

@@ -57,14 +57,21 @@ export default function useWebSocket(url: string): WebSocketHook {
 
         // Attempt to reconnect with increased max attempts
         if (reconnectAttempts.current < 10) {
-          const timeout = Math.min(Math.pow(2, reconnectAttempts.current) * 1000, 30000); // 最大30秒
+          const timeout = Math.min(
+            Math.pow(2, reconnectAttempts.current) * 1000,
+            30000,
+          ); // 最大30秒
           reconnectAttempts.current += 1;
-          console.log(`Attempting to reconnect in ${timeout/1000} seconds...`);
+          console.log(
+            `Attempting to reconnect in ${timeout / 1000} seconds...`,
+          );
           reconnectTimeout.current = setTimeout(() => {
             connect();
           }, timeout);
         } else {
-          console.warn("Max reconnect attempts reached. Please refresh the page to try again.");
+          console.warn(
+            "Max reconnect attempts reached. Please refresh the page to try again.",
+          );
         }
       }
     };