fix: speed and units

Author: astandrik

src/containers/Tenant/Diagnostics/TenantOverview/MetricsTabs/MetricsTabs.tsx

@@ -15,6 +15,7 @@ import {useSetting, useTypedSelector} from '../../../../../utils/hooks';
 import {calculateMetricAggregates} from '../../../../../utils/metrics';
 import {
     formatCoresLegend,
+    formatSpeedLegend,
     formatStorageLegend,
 } from '../../../../../utils/metrics/formatMetricLegend';
 import {TenantTabsGroups, getTenantPath} from '../../../TenantPages';
@@ -143,10 +144,10 @@ export function MetricsTabs({
                     <Link to={tabLinks.network} className={b('link')}>
                         <TabCard
                             label={i18n('cards.network-label')}
-                            sublabel={i18n('context_network-evaluation')}
+                            sublabel={i18n('context_network-usage')}
                             value={networkMetrics.totalUsed}
                             limit={networkMetrics.totalLimit}
-                            legendFormatter={formatStorageLegend}
+                            legendFormatter={formatSpeedLegend}
                             active={metricsTab === TENANT_METRICS_TABS_IDS.network}
                             helpText={i18n('context_network-description')}
                         />

src/containers/Tenant/Diagnostics/TenantOverview/i18n/en.json

@@ -23,15 +23,15 @@
   "cards.storage-label": "Storage",
   "cards.memory-label": "Memory used",
   "cards.network-label": "Network",
-  "cards.network-note": "Network usage is the average outgoing bandwidth usage across all nodes in the database",
+  "cards.network-note": "Network throughput is the average outgoing bandwidth usage across all nodes in the database",
   "context_cpu-load": "CPU load",
   "context_storage-groups": "Storage: {{count}} groups",
   "context_memory-used": "Memory used",
-  "context_network-evaluation": "Network evaluation",
+  "context_network-usage": "Network usage",
   "context_cpu-description": "CPU load is calculated as the cumulative usage across all actor system pools in the database",
   "context_memory-description": "Memory usage is the total memory consumed by all processes in the database",
   "context_storage-description": "Storage usage shows how much data is stored in the database including user data and indexes",
-  "context_network-description": "Network usage is the average outgoing bandwidth usage across all nodes in the database",
+  "context_network-description": "Network throughput is the average outgoing bandwidth usage across all nodes in the database",
   "charts.queries-per-second": "Queries per second",
   "charts.queries-latency": "Queries latencies {{percentile}}",
   "charts.cpu-usage": "CPU usage by pool",

src/utils/metrics/formatMetricLegend.ts

@@ -1,3 +1,4 @@
+import {formatBytes, getBytesSizeUnit} from '../bytesParsers';
 import {
     formatNumber,
     formatNumericValues,
@@ -25,3 +26,27 @@ export function formatCoresLegend({value, capacity}: MetricFormatParams): string
     }
     return `${formatted[0]} ${i18n('context_of')} ${formatted[1]} ${i18n('context_cores')}`;
 }
+
+export function formatSpeedLegend({value, capacity}: MetricFormatParams): string {
+    // Determine unit based on capacity
+    const unit = getBytesSizeUnit(capacity);
+
+    // Format used value without units
+    const usedSpeed = formatBytes({
+        value,
+        size: unit,
+        precision: 2,
+        withSpeedLabel: false,
+        withSizeLabel: false,
+    });
+
+    // Format limit with speed units
+    const limitSpeed = formatBytes({
+        value: capacity,
+        size: unit,
+        precision: 2,
+        withSpeedLabel: true,
+    });
+
+    return `${usedSpeed} ${i18n('context_of')} ${limitSpeed}`;
+}