fix: fix incorrect data display in ProgressViewer (#546)

Author: krosy1337

src/components/FullNodeViewer/FullNodeViewer.tsx

@@ -40,7 +40,9 @@ export const FullNodeViewer = ({node, className}: FullNodeViewerProps) => {
 
     const averageInfo = node?.LoadAverage?.map((load, loadIndex) => ({
         label: LOAD_AVERAGE_TIME_INTERVALS[loadIndex],
-        value: <ProgressViewer value={load} percents={true} colorizeProgress={true} />,
+        value: (
+            <ProgressViewer value={load} percents={true} colorizeProgress={true} capacity={100} />
+        ),
     }));
 
     return (

src/containers/Versions/NodesTable/NodesTable.tsx

@@ -94,6 +94,7 @@ const columns: Column<PreparedClusterNode>[] = [
                 <ProgressViewer
                     value={row.LoadAverage[0]}
                     percents={true}
+                    capacity={100}
                     colorizeProgress={true}
                 />
             ) : (

src/utils/dataFormatters/dataFormatters.ts

@@ -5,7 +5,7 @@ import {DAY_IN_SECONDS, GIGABYTE} from '../constants';
 import {configuredNumeral} from '../numeral';
 import {isNumeric} from '../utils';
 import {
-    BytesSizes,
+    type BytesSizes,
     formatBytes as formatBytesCustom,
     getSizeWithSignificantDigits,
 } from '../bytesParsers/formatBytes';
@@ -81,11 +81,9 @@ export const formatStorageValues = (value?: number, total?: number, size?: Bytes
 
     return [formattedValue, formattedTotal];
 };
-export const formatStorageValuesToGb = (value?: number, total?: number): (string | undefined)[] => {
-    return [
-        value ? String(Math.floor(value / 1000000000)) : undefined,
-        total ? `${Math.floor(total / 1000000000)} GB` : undefined,
-    ];
+
+export const formatStorageValuesToGb = (value?: number, total?: number) => {
+    return formatStorageValues(value, total, 'gb');
 };
 
 export const formatNumber = (number?: unknown) => {