feat(Nodes): display rack in table

Author: ariser

src/containers/Storage/StorageNodes/StorageNodes.tsx

@@ -16,6 +16,7 @@ import './StorageNodes.scss';
 enum TableColumnsIds {
     NodeId = 'NodeId',
     FQDN = 'FQDN',
+    Rack = 'Rack',
     uptime = 'uptime',
     PDisks = 'PDisks',
     Missing = 'Missing',
@@ -36,6 +37,7 @@ interface StorageNodesProps {
 const tableColumnsNames: Record<TableColumnsIdsValues, string> = {
     NodeId: 'Node ID',
     FQDN: 'FQDN',
+    Rack: 'Rack',
     uptime: 'Uptime',
     PDisks: 'PDisks',
     Missing: 'Missing',
@@ -96,6 +98,12 @@ function StorageNodes({
             },
             align: DataTable.LEFT,
         },
+        {
+            name: TableColumnsIds.Rack,
+            header: tableColumnsNames[TableColumnsIds.Rack],
+            render: ({row}) => row.Rack || '—',
+            align: DataTable.LEFT,
+        },
         {
             name: TableColumnsIds.uptime,
             header: tableColumnsNames[TableColumnsIds.uptime],

src/store/reducers/storage.js

@@ -307,6 +307,7 @@ export const getFlatListStorageNodes = createSelector([getStorageNodes], (storag
         return {
             NodeId: node.NodeId,
             FQDN: systemState.Host,
+            Rack: systemState.Rack,
             uptime: calcUptime(systemState.StartTime),
             StartTime: systemState.StartTime,
             PDisks: node.PDisks,

src/utils/getNodesColumns.js

@@ -58,6 +58,13 @@ export function getNodesColumns({showTooltip, hideTooltip, tabletsPath, getNodeR
             render: ({value}) => (value ? value : '—'),
             width: '60px',
         },
+        {
+            name: 'Rack',
+            header: 'Rack',
+            align: DataTable.LEFT,
+            render: ({value}) => (value ? value : '—'),
+            width: '80px',
+        },
         {
             name: 'Version',
             width: '200px',