fix(Cluster): add icons to tabs (#430)

Author: artemmufazalov

config-overrides.js

@@ -2,6 +2,7 @@ const path = require('path');
 
 const srcRoot = path.resolve(__dirname, 'src');
 const uiKitRoot = path.resolve(__dirname, 'node_modules/@gravity-ui/uikit');
+const uiKitIconsRoot = path.resolve(__dirname, 'node_modules/@gravity-ui/icons');
 
 module.exports = {
     webpack: (config, env) => {
@@ -11,6 +12,7 @@ module.exports = {
             include: [
                 path.resolve(srcRoot, 'assets/icons'),
                 path.resolve(uiKitRoot, 'assets/icons'),
+                uiKitIconsRoot,
             ],
             loader: '@svgr/webpack',
             options: {dimensions: false},

package-lock.json

@@ -103,6 +103,7 @@
     "@commitlint/cli": "^15.0.0",
     "@commitlint/config-conventional": "^15.0.0",
     "@gravity-ui/eslint-config": "^1.0.2",
+    "@gravity-ui/icons": "^2.2.0",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",

package.json

@@ -1,3 +1,10 @@
+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';
 
@@ -13,18 +20,22 @@ 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];