chore!: remove storage tables for paginated tables

Author: astandrik

src/containers/Cluster/Cluster.tsx

@@ -27,7 +27,7 @@ import {cn} from '../../utils/cn';
 import {useTypedDispatch, useTypedSelector} from '../../utils/hooks';
 import {parseVersionsToVersionToColorMap} from '../../utils/versions';
 import {Nodes} from '../Nodes/Nodes';
-import {StorageWrapper} from '../Storage/StorageWrapper';
+import {PaginatedStorage} from '../Storage/PaginatedStorage';
 import {TabletsTable} from '../Tablets/TabletsTable';
 import {Tenants} from '../Tenants/Tenants';
 import {Versions} from '../Versions/Versions';
@@ -199,7 +199,7 @@ export function Cluster({
                         getLocationObjectFromHref(getClusterPath(clusterTabsIds.storage)).pathname
                     }
                 >
-                    <StorageWrapper parentRef={container} />
+                    <PaginatedStorage parentRef={container} />
                 </Route>
                 <Route
                     path={

src/containers/Node/Node.tsx

@@ -20,7 +20,7 @@ import {nodeApi} from '../../store/reducers/node/node';
 import type {AdditionalNodesProps} from '../../types/additionalProps';
 import {cn} from '../../utils/cn';
 import {useAutoRefreshInterval, useTypedDispatch} from '../../utils/hooks';
-import {StorageWrapper} from '../Storage/StorageWrapper';
+import {PaginatedStorage} from '../Storage/PaginatedStorage';
 import {Tablets} from '../Tablets';
 
 import type {NodeTab} from './NodePages';
@@ -142,7 +142,13 @@ export function Node(props: NodeProps) {
             case STORAGE: {
                 return (
                     <div className={b('storage')} ref={container}>
-                        <StorageWrapper nodeId={nodeId} parentRef={container} />
+                        <PaginatedStorage
+                            nodeId={nodeId}
+                            parentRef={container}
+                            viewContext={{
+                                nodeId: nodeId?.toString(),
+                            }}
+                        />
                     </div>
                 );
             }

src/containers/PDiskPage/PDiskPage.tsx

@@ -25,7 +25,7 @@ import {valueIsDefined} from '../../utils';
 import {cn} from '../../utils/cn';
 import {getPDiskId, getSeverityColor} from '../../utils/disks/helpers';
 import {useAutoRefreshInterval, useTypedDispatch, useTypedSelector} from '../../utils/hooks';
-import {StorageWrapper} from '../Storage/StorageWrapper';
+import {PaginatedStorage} from '../Storage/PaginatedStorage';
 
 import {DecommissionButton} from './DecommissionButton/DecommissionButton';
 import {DecommissionLabel} from './DecommissionLabel/DecommissionLabel';
@@ -246,7 +246,15 @@ export function PDiskPage() {
             }
             case 'storage': {
                 return pDiskParamsDefined ? (
-                    <StorageWrapper nodeId={nodeId} pDiskId={pDiskId} parentRef={containerRef} />
+                    <PaginatedStorage
+                        nodeId={nodeId}
+                        pDiskId={pDiskId}
+                        parentRef={containerRef}
+                        viewContext={{
+                            nodeId: nodeId?.toString(),
+                            pDiskId: pDiskId?.toString(),
+                        }}
+                    />
                 ) : null;
             }
             default:

src/containers/Storage/PaginatedStorage.tsx

@@ -10,7 +10,7 @@ export interface PaginatedStorageProps {
     groupId?: string | number;
     pDiskId?: string | number;
 
-    viewContext: StorageViewContext;
+    viewContext?: StorageViewContext;
 
     parentRef: React.RefObject<HTMLElement>;
 
@@ -25,15 +25,15 @@ export const PaginatedStorage = (props: PaginatedStorageProps) => {
     if (isNodes) {
         return (
             <PaginatedStorageNodes
-                initialEntitiesCount={getStorageNodesInitialEntitiesCount(props.viewContext)}
+                initialEntitiesCount={getStorageNodesInitialEntitiesCount(props.viewContext ?? {})}
                 {...props}
             />
         );
     }
 
     return (
         <PaginatedStorageGroups
-            initialEntitiesCount={getStorageGroupsInitialEntitiesCount(props.viewContext)}
+            initialEntitiesCount={getStorageGroupsInitialEntitiesCount(props.viewContext ?? {})}
             {...props}
         />
     );

src/containers/Storage/PaginatedStorageGroups.tsx

@@ -64,7 +64,7 @@ function StorageGroupsComponent({
 
     const {columnsToShow, columnsToSelect, setColumns} = useStorageGroupsSelectedColumns({
         visibleEntities,
-        viewContext,
+        viewContext: viewContext ?? {},
     });
 
     const renderControls: RenderControls = ({totalEntities, foundEntities, inited}) => {
@@ -113,7 +113,7 @@ function GroupedStorageGroupsComponent({
 
     const {columnsToShow, columnsToSelect, setColumns} = useStorageGroupsSelectedColumns({
         visibleEntities,
-        viewContext,
+        viewContext: viewContext ?? {},
     });
 
     const {currentData, isFetching, error} = storageApi.useGetStorageGroupsInfoQuery(

src/containers/Storage/PaginatedStorageNodes.tsx

@@ -71,7 +71,7 @@ function StorageNodesComponent({
 
     const {columnsToShow, columnsToSelect, setColumns} = useStorageNodesColumnsToSelect({
         database,
-        viewContext,
+        viewContext: viewContext ?? {},
     });
 
     const renderControls: RenderControls = ({totalEntities, foundEntities, inited}) => {
@@ -119,7 +119,7 @@ function GroupedStorageNodesComponent({
 
     const {columnsToShow, columnsToSelect, setColumns} = useStorageNodesColumnsToSelect({
         database,
-        viewContext,
+        viewContext: viewContext ?? {},
     });
 
     const {currentData, isFetching, error} = storageApi.useGetStorageNodesInfoQuery(
@@ -208,7 +208,7 @@ function useStorageNodesColumnsToSelect({
     viewContext,
 }: {
     database?: string;
-    viewContext: StorageViewContext;
+    viewContext?: StorageViewContext;
 }) {
     const {balancer} = useClusterBaseInfo();
     const {additionalNodesProps} = useAdditionalNodeProps({balancer});
@@ -218,6 +218,6 @@ function useStorageNodesColumnsToSelect({
         additionalNodesProps,
         visibleEntities,
         database,
-        viewContext,
+        viewContext: viewContext ?? {},
     });
 }