fankes/beszel
2
0
Fork 0
mirror of https://github.com/fankes/beszel.git synced 2025-10-20 10:19:27 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

ui: grey meters in systems table if system is not up (#370)

Browse Source
This commit is contained in:
Henry Dollman
2025-01-06 13:22:51 -05:00
parent 40cc1a875e
commit 81fa4f16d6
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
beszel/site/src/components/systems-table/systems-table.tsx
View File

@@ -84,7 +84,10 @@ function CellFormatter(info: CellContext<SystemRecord, unknown>) {
<span <span
className={cn( className={cn(
"absolute inset-0 w-full h-full origin-left", "absolute inset-0 w-full h-full origin-left",
(val < 65 && "bg-green-500") || (val < 90 && "bg-yellow-500") || "bg-red-600" (info.row.original.status !== "up" && "bg-primary/30") ||
(val < 65 && "bg-green-500") ||
(val < 90 && "bg-yellow-500") ||
"bg-red-600"
)} )}
style={{ style={{
transform: `scalex(${val / 100})`, transform: `scalex(${val / 100})`,
@@ -208,6 +211,7 @@ export default function SystemsTable() {
if (!version || !hubVersion) { if (!version || !hubVersion) {
return null return null
} }
const system = info.row.original
return ( return (
<span <span
className={cn("flex gap-2 items-center md:pe-5 tabular-nums", { className={cn("flex gap-2 items-center md:pe-5 tabular-nums", {
@@ -215,8 +219,12 @@ export default function SystemsTable() {
})} })}
> >
<IndicatorDot <IndicatorDot
system={info.row.original} system={system}
className={version === hubVersion ? "bg-green-500" : "bg-yellow-500"} className={
(system.status !== "up" && "bg-primary/30") ||
(version === hubVersion && "bg-green-500") ||
"bg-yellow-500"
}
/> />
<span>{info.getValue() as string}</span> <span>{info.getValue() as string}</span>
</span> </span>