feat(Storage): add State column (#1859)

Author: artemmufazalov

src/containers/Storage/StorageGroups/columns/columns.tsx

@@ -100,6 +100,14 @@ const degradedColumn: StorageGroupsColumn = {
     align: DataTable.LEFT,
     defaultOrder: DataTable.DESCENDING,
 };
+const stateColumn: StorageGroupsColumn = {
+    name: STORAGE_GROUPS_COLUMNS_IDS.State,
+    header: STORAGE_GROUPS_COLUMNS_TITLES.State,
+    width: 150,
+    render: ({row}) => row.State ?? EMPTY_DATA_PLACEHOLDER,
+    align: DataTable.LEFT,
+    defaultOrder: DataTable.DESCENDING,
+};
 
 const usageColumn: StorageGroupsColumn = {
     name: STORAGE_GROUPS_COLUMNS_IDS.Usage,
@@ -273,6 +281,7 @@ export const getStorageGroupsColumns: StorageColumnsGetter = (data) => {
         typeColumn,
         erasureColumn,
         degradedColumn,
+        stateColumn,
         usageColumn,
         diskSpaceUsageColumn,
         usedColumn,

src/containers/Storage/StorageGroups/columns/constants.ts

@@ -30,6 +30,7 @@ export const STORAGE_GROUPS_COLUMNS_IDS = {
     VDisks: 'VDisks',
     VDisksPDisks: 'VDisksPDisks',
     Degraded: 'Degraded',
+    State: 'State',
 } as const;
 
 export type StorageGroupsColumnId = ValueOf<typeof STORAGE_GROUPS_COLUMNS_IDS>;
@@ -95,6 +96,9 @@ export const STORAGE_GROUPS_COLUMNS_TITLES = {
     get Degraded() {
         return i18n('missing-disks');
     },
+    get State() {
+        return i18n('state');
+    },
 } as const satisfies Record<StorageGroupsColumnId, string>;
 
 const STORAGE_GROUPS_COLUMNS_GROUP_BY_TITLES = {
@@ -181,6 +185,7 @@ export const GROUPS_COLUMNS_TO_DATA_FIELDS: Record<StorageGroupsColumnId, Groups
     VDisks: ['VDisk', 'PDisk', 'Read', 'Write'],
     VDisksPDisks: ['VDisk', 'PDisk', 'Read', 'Write'],
     Degraded: ['MissingDisks'],
+    State: ['State'],
 };
 
 const STORAGE_GROUPS_COLUMNS_TO_SORT_FIELDS: Record<
@@ -203,6 +208,7 @@ const STORAGE_GROUPS_COLUMNS_TO_SORT_FIELDS: Record<
     VDisks: undefined,
     VDisksPDisks: undefined,
     Degraded: 'Degraded',
+    State: 'State',
 };
 
 export function getStorageGroupsColumnSortField(columnId?: string) {

src/types/api/storage.ts

@@ -140,6 +140,14 @@ export interface TGroupsStorageGroupInfo {
     ErasureSpecies?: string;
     /** uint64 */
     AllocationUnits?: string;
+    /**
+     * Could be one of:
+     * ok - group is okay
+     * starting:n - group is okay, but n disks are starting
+     * replicating:n - group is okay, all disks are available, but n disks are replicating
+     * degraded:n(m, m...) - group is okay, but n fail realms are not available (with m fail domains)
+     * dead:n - group is not okay, n fail realms are not available
+     */
     State?: string;
     /** uint64 */
     MissingDisks?: string;
@@ -245,17 +253,13 @@ export type StorageV2SortValue =
     // Added them here for types compatibility
     | 'AllocationUnits'
     | 'Latency'
-    | 'DiskSpaceUsage';
+    | 'DiskSpaceUsage'
+    | 'State';
 
 /**
  * Values to sort /storage/groups response
  */
-export type GroupsSortField =
-    | StorageV2SortValue
-    | 'MissingDisks'
-    | 'State'
-    | 'Available'
-    | 'Encryption';
+export type GroupsSortField = StorageV2SortValue | 'MissingDisks' | 'Available' | 'Encryption';
 
 export type StorageV2Sort = BackendSortParam<StorageV2SortValue>;
 export type GroupsSort = BackendSortParam<GroupsSortField>;