From c2d2b39427de6d2a1632ba870e1fca2e5a0748df Mon Sep 17 00:00:00 2001
From: "Km.Van" <kmvan.com@gmail.com>
Date: Mon, 13 Jul 2026 10:46:28 +0800
Subject: [PATCH] fix fetch status idle error

---
 .../BrowserBenchmark/components/browsers.tsx           |  4 ++--
 src/Components/Nodes/components/disk.tsx               | 10 ++++++++--
 src/Components/ServerBenchmark/components/servers.tsx  |  4 ++--
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/Components/BrowserBenchmark/components/browsers.tsx b/src/Components/BrowserBenchmark/components/browsers.tsx
index 1958da3..b3c342a 100644
--- a/src/Components/BrowserBenchmark/components/browsers.tsx
+++ b/src/Components/BrowserBenchmark/components/browsers.tsx
@@ -44,7 +44,7 @@ export const BrowserBenchmarkBrowsers: FC = () => {
       const highestMark = sortedBrowsers[0]?.total ?? 0;
       setBrowsers(sortedBrowsers);
       setMaxMarks(highestMark);
-      setStatus("idel");
+      setStatus("idle");
     };
     fetchData();
   }, [setBrowsers, setMaxMarks]);
@@ -74,7 +74,7 @@ export const BrowserBenchmarkBrowsers: FC = () => {
         Array.from({ length: 5 }).map((_, i) => (
           <Placeholder key={`browser-placeholder-${String(i)}`} />
         ))}
-      {status === "idel" && results}
+      {status === "idle" && results}
       {status === "error" &&
         <UiError>{gettext("Can not fetch marks data from GitHub.")}</UiError>}
     </div>
diff --git a/src/Components/Nodes/components/disk.tsx b/src/Components/Nodes/components/disk.tsx
index 35a13aa..b22fd69 100644
--- a/src/Components/Nodes/components/disk.tsx
+++ b/src/Components/Nodes/components/disk.tsx
@@ -1,3 +1,4 @@
+import { HardDrive } from "lucide-react";
 import { type FC, memo } from "react";
 import type { DiskUsageItemProps } from "@/Components/DiskUsage/components/types.ts";
 import type { PollData } from "@/Components/Poll/components/types.ts";
@@ -8,8 +9,13 @@ import { NodesUsage, NodesUsageLabel, NodesUsageOverview } from "./usage.tsx";
 const Disk: FC<DiskUsageItemProps> = memo(({ id, free, total }) => (
   <div className={styles.item} key={id}>
     <NodesUsage percent={total ? Math.round((free / total) * 100) : 0}>
-      <NodesUsageLabel>{`🖴 ${id}`}</NodesUsageLabel>
-      <NodesUsageOverview>{`${formatBytes(free)} / ${formatBytes(total)}`}</NodesUsageOverview>
+      <NodesUsageLabel>
+        <HardDrive />
+        {id}
+      </NodesUsageLabel>
+      <NodesUsageOverview>
+        {`${formatBytes(free)} / ${formatBytes(total)}`}
+      </NodesUsageOverview>
     </NodesUsage>
   </div>
 ));
diff --git a/src/Components/ServerBenchmark/components/servers.tsx b/src/Components/ServerBenchmark/components/servers.tsx
index 05e54ec..97844c1 100644
--- a/src/Components/ServerBenchmark/components/servers.tsx
+++ b/src/Components/ServerBenchmark/components/servers.tsx
@@ -45,7 +45,7 @@ export const ServerBenchmarkServers: FC = () => {
       const highestMark = processedServers[0]?.total ?? 0;
       setServers(processedServers);
       setMaxMarks(highestMark);
-      setFetchStatus("idel");
+      setFetchStatus("idle");
     };
 
     fetchData();
@@ -118,7 +118,7 @@ export const ServerBenchmarkServers: FC = () => {
         Array.from({ length: 5 }).map((_, i) => (
           <Placeholder key={`server-benchmark-placeholder-${String(i)}`} />
         ))}
-      {fetchStatus === "idel" && results}
+      {fetchStatus === "idle" && results}
       {fetchStatus === "error" && (
         <UiError>{gettext("Can not fetch marks data from GitHub.")}</UiError>
       )}