refactor(Storage): init additional nodes props inside components

Author: artemmufazalov

src/containers/Cluster/Cluster.tsx

@@ -173,10 +173,7 @@ export function Cluster({
                         getLocationObjectFromHref(getClusterPath(clusterTabsIds.storage)).pathname
                     }
                 >
-                    <StorageWrapper
-                        parentContainer={container.current}
-                        additionalNodesProps={additionalNodesProps}
-                    />
+                    <StorageWrapper parentContainer={container.current} />
                 </Route>
                 <Route
                     path={

src/containers/Storage/PaginatedStorage.tsx

@@ -3,11 +3,12 @@ import {StringParam, useQueryParams} from 'use-query-params';
 import {AccessDenied} from '../../components/Errors/403/AccessDenied';
 import {ResponseError} from '../../components/Errors/ResponseError/ResponseError';
 import type {RenderControls, RenderErrorMessage} from '../../components/PaginatedTable';
+import {useClusterBaseInfo} from '../../store/reducers/cluster/cluster';
 import {VISIBLE_ENTITIES} from '../../store/reducers/storage/constants';
 import {storageTypeSchema, visibleEntitiesSchema} from '../../store/reducers/storage/types';
 import type {StorageType, VisibleEntities} from '../../store/reducers/storage/types';
-import type {AdditionalNodesProps} from '../../types/additionalProps';
 import {NodesUptimeFilterValues, nodesUptimeFilterValuesSchema} from '../../utils/nodes';
+import {useAdditionalNodeProps} from '../AppWithClusters/useClusterData';
 
 import {StorageControls} from './StorageControls/StorageControls';
 import {PaginatedStorageGroups} from './StorageGroups/PaginatedStorageGroups';
@@ -19,15 +20,12 @@ interface PaginatedStorageProps {
     database?: string;
     nodeId?: string;
     parentContainer?: Element | null;
-    additionalNodesProps?: AdditionalNodesProps;
 }
 
-export const PaginatedStorage = ({
-    database,
-    nodeId,
-    parentContainer,
-    additionalNodesProps,
-}: PaginatedStorageProps) => {
+export const PaginatedStorage = ({database, nodeId, parentContainer}: PaginatedStorageProps) => {
+    const {balancer} = useClusterBaseInfo();
+    const additionalNodesProps = useAdditionalNodeProps({balancer});
+
     const [queryParams, setQueryParams] = useQueryParams({
         type: StringParam,
         visible: StringParam,

src/containers/Storage/Storage.tsx

@@ -10,6 +10,7 @@ import {
     useCapabilitiesLoaded,
     useStorageGroupsHandlerAvailable,
 } from '../../store/reducers/capabilities/hooks';
+import {useClusterBaseInfo} from '../../store/reducers/cluster/cluster';
 import type {NodesSortParams} from '../../store/reducers/nodes/types';
 import {VISIBLE_ENTITIES} from '../../store/reducers/storage/constants';
 import {
@@ -24,10 +25,10 @@ import type {
     StorageType,
     VisibleEntities,
 } from '../../store/reducers/storage/types';
-import type {AdditionalNodesProps} from '../../types/additionalProps';
 import {DEFAULT_TABLE_SETTINGS} from '../../utils/constants';
 import {useAutoRefreshInterval, useTableSort} from '../../utils/hooks';
 import {NodesUptimeFilterValues, nodesUptimeFilterValuesSchema} from '../../utils/nodes';
+import {useAdditionalNodeProps} from '../AppWithClusters/useClusterData';
 
 import {StorageControls} from './StorageControls/StorageControls';
 import {StorageGroups} from './StorageGroups/StorageGroups';
@@ -57,12 +58,14 @@ const UsageFilterParam = withDefault(
 );
 
 interface StorageProps {
-    additionalNodesProps?: AdditionalNodesProps;
     database?: string;
-    nodeId?: string;
+    nodeId?: string | number;
 }
 
-export const Storage = ({additionalNodesProps, database, nodeId}: StorageProps) => {
+export const Storage = ({database, nodeId}: StorageProps) => {
+    const {balancer} = useClusterBaseInfo();
+    const additionalNodesProps = useAdditionalNodeProps({balancer});
+
     const capabilitiesLoaded = useCapabilitiesLoaded();
     const groupsHandlerAvailable = useStorageGroupsHandlerAvailable();
     const [autoRefreshInterval] = useAutoRefreshInterval();

src/containers/Storage/StorageWrapper.tsx

@@ -1,4 +1,3 @@
-import type {AdditionalNodesProps} from '../../types/additionalProps';
 import {USE_PAGINATED_TABLES_KEY} from '../../utils/constants';
 import {useSetting} from '../../utils/hooks';
 
@@ -9,7 +8,6 @@ interface StorageWrapperProps {
     database?: string;
     nodeId?: string;
     parentContainer?: Element | null;
-    additionalNodesProps?: AdditionalNodesProps;
 }
 
 export const StorageWrapper = ({parentContainer, ...props}: StorageWrapperProps) => {