Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: fix system monitor gpu list

Browse Source
This commit is contained in:
Faisal Amir 2024-08-28 17:24:57 +07:00
parent 31ae14c1f1
commit e41f816fc8
1 changed files with 30 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
web/containers/Layout/BottomPanel/SystemMonitor/index.tsx
View File

@ -159,35 +159,40 @@ const SystemMonitor = () => {
{gpus.length > 0 && ( {gpus.length > 0 && (
<div className="mb-4 border-b border-[hsla(var(--app-border))] pb-4 last:border-none"> <div className="mb-4 border-b border-[hsla(var(--app-border))] pb-4 last:border-none">
{gpus.map((gpu, index) => ( {gpus.map((gpu, index) => {
<div key={index} className="mt-4 flex flex-col gap-x-2"> const gpuUtilization = Math.round(
<div className="flex w-full items-start justify-between"> (gpu.memoryFree / Math.max(gpu.memoryTotal, 1)) * 100
<span className="line-clamp-1 w-1/2 font-bold"> )
{gpu.name} return (
</span> <div key={index} className="mt-4 flex flex-col gap-x-2">
<div className="flex gap-x-2"> <div className="flex w-full items-start justify-between">
<div className=""> <span className="line-clamp-1 w-1/2 font-bold">
<span> {gpu.name}
{gpu.memoryTotal - gpu.memoryFree}/ </span>
{gpu.memoryTotal} <div className="flex gap-x-2">
</span> <div className="">
<span> MB</span> <span>
{gpu.memoryTotal - gpu.memoryFree}/
{gpu.memoryTotal}
</span>
<span> MB</span>
</div>
</div> </div>
</div> </div>
</div>
<div className="flex items-center gap-x-4"> <div className="flex items-center gap-x-4">
<Progress <Progress
value={gpu.utilization} value={gpuUtilization}
className="w-full" className="w-full"
size="small" size="small"
/> />
<span className="flex-shrink-0 "> <span className="flex-shrink-0 ">
{gpu.utilization}% {gpuUtilization}%
</span> </span>
</div>
</div> </div>
</div> )
))} })}
</div> </div>
)} )}
</div> </div>