Conditional Render GPU Stats (#1)

Check if GPU stats are available
This commit is contained in:
Stuart 2024-04-27 01:29:20 +01:00 committed by GitHub
parent ab032aa004
commit 39d887cbb4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -212,7 +212,7 @@ export default function GeneralMetrics({
} = {}; } = {};
statsHistory.forEach((stats, statsIdx) => { statsHistory.forEach((stats, statsIdx) => {
if (!stats) { if (!stats || !canGetGpuInfo) {
return; return;
} }
@ -225,7 +225,7 @@ export default function GeneralMetrics({
}); });
}); });
return Object.keys(series).length > 0 ? Object.values(series) : []; return Object.keys(series).length > 0 ? Object.values(series) : [];
}, [statsHistory]); }, [statsHistory, canGetGpuInfo]);
const gpuMemSeries = useMemo(() => { const gpuMemSeries = useMemo(() => {
if (!statsHistory) { if (!statsHistory) {
@ -245,7 +245,7 @@ export default function GeneralMetrics({
} = {}; } = {};
statsHistory.forEach((stats, statsIdx) => { statsHistory.forEach((stats, statsIdx) => {
if (!stats) { if (!stats || !canGetGpuInfo) {
return; return;
} }
@ -258,7 +258,7 @@ export default function GeneralMetrics({
}); });
}); });
return Object.values(series); return Object.values(series);
}, [statsHistory]); }, [statsHistory, canGetGpuInfo]);
// other processes stats // other processes stats
@ -411,13 +411,13 @@ export default function GeneralMetrics({
)} )}
</div> </div>
{(statsHistory.length == 0 || statsHistory[0].gpu_usages) && ( {canGetGpuInfo &&
(statsHistory.length == 0 || statsHistory[0].gpu_usages) && (
<> <>
<div className="mt-4 flex items-center justify-between"> <div className="mt-4 flex items-center justify-between">
<div className="text-muted-foreground text-sm font-medium"> <div className="text-muted-foreground text-sm font-medium">
GPUs GPUs
</div> </div>
{canGetGpuInfo && (
<Button <Button
className="cursor-pointer" className="cursor-pointer"
size="sm" size="sm"
@ -425,7 +425,6 @@ export default function GeneralMetrics({
> >
Hardware Info Hardware Info
</Button> </Button>
)}
</div> </div>
<div className=" mt-4 grid grid-cols-1 sm:grid-cols-2 gap-2"> <div className=" mt-4 grid grid-cols-1 sm:grid-cols-2 gap-2">
{statsHistory.length != 0 ? ( {statsHistory.length != 0 ? (