refactor: move renderPaginatedTableErrorMessage to utils

Author: Raubzeug

src/containers/Nodes/NodesTable.tsx

@@ -8,11 +8,12 @@ import type {NodesFilters, NodesPreparedEntity} from '../../store/reducers/nodes
 import type {ProblemFilterValue} from '../../store/reducers/settings/types';
 import type {NodesGroupByField, NodesPeerRole} from '../../types/api/nodes';
 import {NodesUptimeFilterValues} from '../../utils/nodes';
+import {renderPaginatedTableErrorMessage} from '../../utils/renderPaginatedTableErrorMessage';
 import type {Column} from '../../utils/tableUtils/types';
 
 import {getNodes} from './getNodes';
 import i18n from './i18n';
-import {getRowClassName, renderPaginatedTableErrorMessage} from './shared';
+import {getRowClassName} from './shared';
 
 interface NodesTableProps {
     path?: string;

src/containers/Nodes/shared.tsx

@@ -1,6 +1,4 @@
-import {AccessDenied} from '../../components/Errors/403';
-import {ResponseError} from '../../components/Errors/ResponseError';
-import type {GetRowClassName, RenderErrorMessage} from '../../components/PaginatedTable';
+import type {GetRowClassName} from '../../components/PaginatedTable';
 import type {NodesPreparedEntity} from '../../store/reducers/nodes/types';
 import {cn} from '../../utils/cn';
 import {isUnavailableNode} from '../../utils/nodes';
@@ -10,11 +8,3 @@ export const b = cn('ydb-nodes');
 export const getRowClassName: GetRowClassName<NodesPreparedEntity> = (row) => {
     return b('node', {unavailable: isUnavailableNode(row)});
 };
-
-export const renderPaginatedTableErrorMessage: RenderErrorMessage = (error) => {
-    if (error && error.status === 403) {
-        return <AccessDenied position="left" />;
-    }
-
-    return <ResponseError error={error} />;
-};

src/containers/Storage/PaginatedStorageGroups.tsx

@@ -10,6 +10,7 @@ import {
 } from '../../store/reducers/capabilities/hooks';
 import {storageApi} from '../../store/reducers/storage/storage';
 import {useAutoRefreshInterval} from '../../utils/hooks';
+import {renderPaginatedTableErrorMessage} from '../../utils/renderPaginatedTableErrorMessage';
 
 import type {PaginatedStorageProps} from './PaginatedStorage';
 import {StorageGroupsControls} from './StorageControls/StorageControls';
@@ -18,7 +19,7 @@ import {useStorageGroupsSelectedColumns} from './StorageGroups/columns/hooks';
 import {TableGroup} from './TableGroup/TableGroup';
 import {useExpandedGroups} from './TableGroup/useExpandedTableGroups';
 import i18n from './i18n';
-import {b, renderPaginatedTableErrorMessage} from './shared';
+import {b} from './shared';
 import {useStorageQueryParams} from './useStorageQueryParams';
 
 import './Storage.scss';

src/containers/Storage/PaginatedStorageNodes.tsx

@@ -12,6 +12,7 @@ import {storageApi} from '../../store/reducers/storage/storage';
 import {useAutoRefreshInterval} from '../../utils/hooks';
 import {useAdditionalNodesProps} from '../../utils/hooks/useAdditionalNodesProps';
 import {NodesUptimeFilterValues} from '../../utils/nodes';
+import {renderPaginatedTableErrorMessage} from '../../utils/renderPaginatedTableErrorMessage';
 
 import type {PaginatedStorageProps} from './PaginatedStorage';
 import {StorageNodesControls} from './StorageControls/StorageControls';
@@ -20,7 +21,7 @@ import {useStorageNodesSelectedColumns} from './StorageNodes/columns/hooks';
 import {TableGroup} from './TableGroup/TableGroup';
 import {useExpandedGroups} from './TableGroup/useExpandedTableGroups';
 import i18n from './i18n';
-import {b, renderPaginatedTableErrorMessage} from './shared';
+import {b} from './shared';
 import type {StorageViewContext} from './types';
 import {useStorageQueryParams} from './useStorageQueryParams';
 

src/containers/Storage/shared.tsx

@@ -1,14 +1,3 @@
-import {AccessDenied} from '../../components/Errors/403';
-import {ResponseError} from '../../components/Errors/ResponseError';
-import type {RenderErrorMessage} from '../../components/PaginatedTable';
 import {cn} from '../../utils/cn';
 
 export const b = cn('global-storage');
-
-export const renderPaginatedTableErrorMessage: RenderErrorMessage = (error) => {
-    if (error.status === 403) {
-        return <AccessDenied position="left" />;
-    }
-
-    return <ResponseError error={error} />;
-};

src/utils/renderPaginatedTableErrorMessage.tsx

@@ -0,0 +1,11 @@
+import {AccessDenied} from '../components/Errors/403';
+import {ResponseError} from '../components/Errors/ResponseError';
+import type {RenderErrorMessage} from '../components/PaginatedTable';
+
+export const renderPaginatedTableErrorMessage: RenderErrorMessage = (error) => {
+    if (error.status === 403) {
+        return <AccessDenied position="left" />;
+    }
+
+    return <ResponseError error={error} />;
+};