diff --git a/web/src/components/instance/InstanceDashboard.tsx b/web/src/components/instance/InstanceDashboard.tsx index 921d89a..591c709 100644 --- a/web/src/components/instance/InstanceDashboard.tsx +++ b/web/src/components/instance/InstanceDashboard.tsx @@ -18,6 +18,8 @@ export function InstanceDashboard({ state }: InstanceDashboardProps) { const { t, i18n } = useTranslation(); const locale = i18n.resolvedLanguage ?? 'ru'; const metrics = state.metrics; + // До первого ответа показываем прочерк, а не нули: ноль — это тоже значение. + const pending = metrics === undefined ? '—' : undefined; return ( @@ -33,20 +35,28 @@ export function InstanceDashboard({ state }: InstanceDashboardProps) { testId="gauge-cpu" value={metrics?.cpu.percent ?? 0} label={t('settings.instance.dashboard.cpu')} - display={formatPercent(metrics?.cpu.percent ?? 0, locale)} - caption={t('settings.instance.dashboard.cpuCaption', { - count: Math.round(metrics?.cpu.cores ?? 0), - })} + display={pending ?? formatPercent(metrics?.cpu.percent ?? 0, locale)} + caption={ + metrics === undefined + ? undefined + : t('settings.instance.dashboard.cpuCaption', { + count: Math.round(metrics.cpu.cores), + }) + } /> @@ -54,10 +64,14 @@ export function InstanceDashboard({ state }: InstanceDashboardProps) { {/* Подписи не показываем: они раскрываются при наведении на значение. */}