fix: better types

Author: astandrik

src/components/PaginatedTable/types.ts

@@ -1,3 +1,4 @@
+import type {PreparedStorageNode} from '../../store/reducers/storage/types';
 import type {IResponseError} from '../../types/api/error';
 
 import type {ASCENDING, CENTER, DESCENDING, LEFT, RIGHT} from './constants';
@@ -36,19 +37,19 @@ export interface Column<T> {
     align: AlignType;
 }
 
-interface StorageNodesTableDataExtension {
-    columnSettings?: {
-        maxSlotsPerDisk: number;
-        maxDisksPerNode: number;
-    };
-}
-
-export interface PaginatedTableData<T> extends StorageNodesTableDataExtension {
+export interface PaginatedTableData<T> {
     data: T[];
     total: number;
     found: number;
 }
 
+export type StorageNodesPaginatedTableData = PaginatedTableData<PreparedStorageNode> & {
+    columnSettings?: {
+        maxSlotsPerDisk: number;
+        maxDisksPerNode: number;
+    };
+};
+
 type FetchDataParams<F, E = {}> = {
     limit: number;
     offset: number;

src/containers/Storage/utils/useTableCSSVariables.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 
-import type {PaginatedTableData} from '../../../components/PaginatedTable/types';
-import type {PreparedStorageNode} from '../../../store/reducers/storage/types';
+import type {StorageNodesPaginatedTableData} from '../../../components/PaginatedTable/types';
 
 // Constants moved from PaginatedStorageNodes.tsx
 const MAX_SLOTS_CSS_VAR = '--maximum-slots';
@@ -15,7 +14,7 @@ const MAX_DISKS_CSS_VAR = '--maximum-disks';
 export function useTableCSSVariables() {
     const [tableStyle, setTableStyle] = React.useState<React.CSSProperties | undefined>(undefined);
 
-    const handleDataFetched = React.useCallback((data: PaginatedTableData<PreparedStorageNode>) => {
+    const handleDataFetched = React.useCallback((data: StorageNodesPaginatedTableData) => {
         if (data?.columnSettings) {
             const {maxSlotsPerDisk, maxDisksPerNode} = data.columnSettings;
             setTableStyle({