feat(StorageNodes): display datacenter in table

Author: ariser

src/containers/Storage/StorageNodes/StorageNodes.tsx

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

src/store/reducers/storage.js

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