diff --git a/src/containers/Tenant/Diagnostics/TenantOverview/MetricsTabs/MetricsTabs.tsx b/src/containers/Tenant/Diagnostics/TenantOverview/MetricsTabs/MetricsTabs.tsx index 1933857312..0cedc6b33d 100644 --- a/src/containers/Tenant/Diagnostics/TenantOverview/MetricsTabs/MetricsTabs.tsx +++ b/src/containers/Tenant/Diagnostics/TenantOverview/MetricsTabs/MetricsTabs.tsx @@ -32,6 +32,7 @@ interface MetricsTabsProps { blobStorageStats?: TenantStorageStats[]; tabletStorageStats?: TenantStorageStats[]; networkStats?: TenantMetricStats[]; + storageGroupsCount?: number; } export function MetricsTabs({ @@ -40,6 +41,7 @@ export function MetricsTabs({ blobStorageStats, tabletStorageStats, networkStats, + storageGroupsCount, }: MetricsTabsProps) { const location = useLocation(); const {metricsTab} = useTypedSelector((state) => state.tenant); @@ -73,7 +75,6 @@ export function MetricsTabs({ // Calculate storage metrics using utility const storageStats = tabletStorageStats || blobStorageStats || []; const storageMetrics = calculateMetricAggregates(storageStats); - const storageGroupCount = storageStats.length; // Calculate memory metrics using utility const memoryMetrics = calculateMetricAggregates(memoryStats); @@ -91,8 +92,7 @@ export function MetricsTabs({ > string; } -export function TabCard({ - label, - sublabel, - value, - limit, - active, - helpText, - legendFormatter, -}: TabCardProps) { +export function TabCard({text, value, limit, active, helpText, legendFormatter}: TabCardProps) { const {status, percents, legend, fill} = getDiagramValues({ value, capacity: limit, @@ -61,7 +52,7 @@ export function TabCard({ note={helpText} noteIconSize="s" > - {sublabel || label} + {text} diff --git a/src/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.tsx b/src/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.tsx index b3a3967aab..236f0267c2 100644 --- a/src/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.tsx +++ b/src/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.tsx @@ -178,6 +178,11 @@ export function TenantOverview({ blobStorageStats={blobStorageStats} tabletStorageStats={tabletStorageStats} networkStats={networkStats} + storageGroupsCount={ + tenantData.StorageGroups + ? Number(tenantData.StorageGroups) + : undefined + } />