refactor(Tenants): migrate to ts (#463)

Author: artemmufazalov

src/components/ProblemFilter/ProblemFilter.tsx

@@ -1,10 +1,10 @@
 import {RadioButton} from '@gravity-ui/uikit';
 
-import type {ValueOf} from '../../types/common';
+import type {ProblemFilterValue} from '../../store/reducers/settings/types';
 import {ProblemFilterValues} from '../../store/reducers/settings/settings';
 
 interface ProblemFilterProps {
-    value: ValueOf<typeof ProblemFilterValues>;
+    value: ProblemFilterValue;
     onChange: (value: string) => void;
     className?: string;
 }

src/containers/Cluster/Cluster.tsx

@@ -6,7 +6,11 @@ import qs from 'qs';
 
 import {Tabs} from '@gravity-ui/uikit';
 
-import type {AdditionalClusterProps, AdditionalVersionsProps} from '../../types/additionalProps';
+import type {
+    AdditionalClusterProps,
+    AdditionalTenantsProps,
+    AdditionalVersionsProps,
+} from '../../types/additionalProps';
 import type {AdditionalNodesInfo} from '../../utils/nodes';
 import routes from '../../routes';
 
@@ -17,7 +21,7 @@ import {parseNodesToVersionsValues, parseVersionsToVersionToColorMap} from '../.
 import {useAutofetcher, useTypedSelector} from '../../utils/hooks';
 
 import {InternalLink} from '../../components/InternalLink';
-import Tenants from '../Tenants/Tenants';
+import {Tenants} from '../Tenants/Tenants';
 import {Nodes} from '../Nodes/Nodes';
 import {Storage} from '../Storage/Storage';
 import {Versions} from '../Versions/Versions';
@@ -30,15 +34,15 @@ import './Cluster.scss';
 const b = cn('cluster');
 
 interface ClusterProps {
-    additionalTenantsInfo?: unknown;
+    additionalTenantsProps?: AdditionalTenantsProps;
     additionalNodesInfo?: AdditionalNodesInfo;
     additionalClusterProps?: AdditionalClusterProps;
     additionalVersionsProps?: AdditionalVersionsProps;
 }
 
 function Cluster({
     additionalClusterProps,
-    additionalTenantsInfo,
+    additionalTenantsProps,
     additionalNodesInfo,
     additionalVersionsProps,
 }: ClusterProps) {
@@ -97,7 +101,7 @@ function Cluster({
     const renderTab = () => {
         switch (activeTab) {
             case clusterTabsIds.tenants: {
-                return <Tenants additionalTenantsInfo={additionalTenantsInfo} />;
+                return <Tenants additionalTenantsProps={additionalTenantsProps} />;
             }
             case clusterTabsIds.nodes: {
                 return <Nodes additionalNodesInfo={additionalNodesInfo} />;

src/containers/Nodes/Nodes.tsx

@@ -5,7 +5,7 @@ import {useDispatch} from 'react-redux';
 import DataTable from '@gravity-ui/react-data-table';
 
 import type {EPathType} from '../../types/api/schema';
-import type {ValueOf} from '../../types/common';
+import type {ProblemFilterValue} from '../../store/reducers/settings/types';
 
 import {AccessDenied} from '../../components/Errors/403';
 import {Illustration} from '../../components/Illustration';
@@ -84,7 +84,7 @@ export const Nodes = ({path, type, className, additionalNodesInfo = {}}: NodesPr
     };
 
     const handleProblemFilterChange = (value: string) => {
-        dispatch(changeFilter(value as ValueOf<typeof ProblemFilterValues>));
+        dispatch(changeFilter(value as ProblemFilterValue));
     };
 
     const handleUptimeFilterChange = (value: string) => {