fix(Cluster): remove tabs icons and numbers (#473)

Author: artemmufazalov

src/assets/icons/versions.svg

@@ -118,20 +118,6 @@ function Cluster({
         }
     };
 
-    const getTabEntityCount = (tabId: ClusterTab) => {
-        switch (tabId) {
-            case clusterTabsIds.tenants: {
-                return cluster?.Tenants ? Number(cluster.Tenants) : undefined;
-            }
-            case clusterTabsIds.nodes: {
-                return cluster?.NodesTotal ? Number(cluster.NodesTotal) : undefined;
-            }
-            default: {
-                return undefined;
-            }
-        }
-    };
-
     return (
         <div className={b()}>
             <ClusterInfo
@@ -147,12 +133,7 @@ function Cluster({
                     size="l"
                     allowNotSelected={true}
                     activeTab={activeTab as string}
-                    items={clusterTabs.map((item) => {
-                        return {
-                            ...item,
-                            counter: getTabEntityCount(item.id),
-                        };
-                    })}
+                    items={clusterTabs}
                     wrapTo={({id}, node) => {
                         const path = getClusterPath(id as ClusterTab, queryParams);
                         return (

src/containers/Cluster/Cluster.tsx

@@ -1,10 +1,3 @@
-import {Icon} from '@gravity-ui/uikit';
-import cubes3Icon from '@gravity-ui/icons/svgs/cubes-3.svg';
-import databasesIcon from '@gravity-ui/icons/svgs/databases.svg';
-import hardDriveIcon from '@gravity-ui/icons/svgs/hard-drive.svg';
-
-import versionsIcon from '../../assets/icons/versions.svg';
-
 import type {ValueOf} from '../../types/common';
 import routes, {createHref} from '../../routes';
 
@@ -20,22 +13,18 @@ export type ClusterTab = ValueOf<typeof clusterTabsIds>;
 const tenants = {
     id: clusterTabsIds.tenants,
     title: 'Databases',
-    icon: <Icon data={databasesIcon} />,
 };
 const nodes = {
     id: clusterTabsIds.nodes,
     title: 'Nodes',
-    icon: <Icon data={cubes3Icon} />,
 };
 const storage = {
     id: clusterTabsIds.storage,
     title: 'Storage',
-    icon: <Icon data={hardDriveIcon} />,
 };
 const versions = {
     id: clusterTabsIds.versions,
     title: 'Versions',
-    icon: <Icon data={versionsIcon} />,
 };
 
 export const clusterTabs = [tenants, nodes, storage, versions];