fix: review fixes

Author: astandrik

src/components/MemoryViewer/MemoryViewer.scss

@@ -26,7 +26,7 @@ $memory-type-colors: (
 
         overflow: hidden;
 
-        height: 23px;
+        height: 20px;
 
         border-radius: 2px;
         background: var(--g-color-base-generic);
@@ -96,15 +96,6 @@ $memory-type-colors: (
         }
     }
 
-    &_size {
-        height: 20px;
-        @include body-2-typography();
-
-        #{$block}__progress-container {
-            height: inherit;
-        }
-    }
-
     &__text {
         display: flex;
         justify-content: center;

src/components/MemoryViewer/MemoryViewer.tsx

@@ -1,6 +1,7 @@
 import {DefinitionList, useTheme} from '@gravity-ui/uikit';
 
 import type {TMemoryStats} from '../../types/api/nodes';
+import {formatBytes} from '../../utils/bytesParsers';
 import {cn} from '../../utils/cn';
 import {calculateProgressStatus} from '../../utils/progress';
 import {isNumeric} from '../../utils/utils';
@@ -71,14 +72,8 @@ export function MemoryViewer({
 
     const memorySegments = getMemorySegments(stats);
 
-    const totalUsedMemory =
-        memorySegments
-            .filter(({isInfo}) => !isInfo)
-            .reduce((acc, segment) => acc + calculateMemoryShare(segment.value), 0) /
-        parseFloat(String(capacity));
-
     const status = calculateProgressStatus({
-        fillWidth: totalUsedMemory,
+        fillWidth,
         warningThreshold,
         dangerThreshold,
         colorizeProgress: true,
@@ -109,7 +104,12 @@ export function MemoryViewer({
                                         colorizeProgress
                                     />
                                 ) : (
-                                    formatValues(segmentSize, undefined)[0]
+                                    formatBytes({
+                                        value: segmentSize,
+                                        size: 'gb',
+                                        withSizeLabel: true,
+                                        precision: 2,
+                                    })
                                 )}
                             </DefinitionList.Item>
                         ),

src/components/MemoryViewer/i18n/en.json

@@ -1,12 +1,11 @@
 {
-  "text_memory-detailed": "Memory Detailed",
   "text_external-consumption": "External Consumption",
   "text_allocator-caches": "Allocator Caches",
   "text_shared-cache": "Shared Cache",
   "text_memtable": "MemTable",
   "text_query-execution": "Query Execution",
+  "text_usage": "Usage",
   "text_soft-limit": "Soft Limit",
   "text_hard-limit": "Hard Limit",
-  "text_other": "Other",
-  "memory-detailed": "Memory Detailed"
+  "text_other": "Other"
 }

src/components/MemoryViewer/utils.ts

@@ -71,6 +71,12 @@ export function getMemorySegments(stats: TMemoryStats): MemorySegment[] {
             value: getMaybeNumber(stats.ExternalConsumption),
             isInfo: true,
         },
+        {
+            label: i18n('text_usage'),
+            key: 'Usage',
+            value: getMaybeNumber(stats.AnonRss),
+            isInfo: true,
+        },
         {
             label: i18n('text_soft-limit'),
             key: 'SoftLimit',

src/components/nodesColumns/i18n/en.json

@@ -15,7 +15,6 @@
   "disk-usage": "Disk usage",
   "tablets": "Tablets",
   "load-average": "Load Average",
-  "memory-detailed": "Memory Detailed",
   "load": "Load",
   "caches": "Caches",
   "sessions": "Sessions",