mirror of
https://github.com/fankes/beszel.git
synced 2025-10-20 02:09:28 +08:00
ui: grey meters in systems table if system is not up (#370)
This commit is contained in:
@@ -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>
|
||||||
|
Reference in New Issue
Block a user