mirror of
https://github.com/kmvan/x-prober.git
synced 2026-08-12 21:21:43 +08:00
fix fetch status idle error
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user