fix fetch status idle error

This commit is contained in:
Km.Van
2026-07-13 10:46:28 +08:00
parent 42b1cc89db
commit c2d2b39427
3 changed files with 12 additions and 6 deletions
@@ -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>
+8 -2
View File
@@ -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>
));
@@ -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>
)}