diff --git a/web/src/components/MonitorCard.tsx b/web/src/components/MonitorCard.tsx index 877e0b3..63dc406 100644 --- a/web/src/components/MonitorCard.tsx +++ b/web/src/components/MonitorCard.tsx @@ -1,11 +1,13 @@ import type { Monitor } from "../gen/homelab/v1/homelab_pb"; -/** Карточка монитора: percentages → radial-progress'ы (первый большой, остальные — по ядрам), иначе текст. */ +/** Карточка монитора: 1 процент → большой radial, несколько → грид маленьких (по ядрам, без общего). */ export function MonitorCard({ s }: { s: Monitor }) { const pcts = s.percentages.length > 0 ? s.percentages : s.percentage >= 0 ? [s.percentage] : []; - const main = pcts[0]; - const extra = pcts.slice(1); + const multi = pcts.length > 1; + const bars = multi ? pcts.slice(1) : pcts; // при нескольких процентах общий не показываем + const main = bars[0]; + const extra = bars.slice(1); return (