fix(TenantOverview): display database type in title

Author: artemmufazalov

src/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.js

@@ -2,6 +2,7 @@ import React from 'react';
 import {connect} from 'react-redux';
 import cn from 'bem-cn-lite';
 import PropTypes from 'prop-types';
+import {Loader} from '@gravity-ui/uikit';
 
 import EntityStatus from '../../../../components/EntityStatus/EntityStatus';
 import InfoViewer from '../../../../components/InfoViewer/InfoViewer';
@@ -14,10 +15,11 @@ import {getTenantInfo} from '../../../../store/reducers/tenant';
 import {formatCPU} from '../../../../utils';
 import {bytesToGB} from '../../../../utils/utils';
 import {TABLET_STATES} from '../../../../utils/constants';
+import {AutoFetcher} from '../../../../utils/autofetcher';
+
+import {mapDatabaseTypeToDBName} from '../../utils/schema';
 
 import './TenantOverview.scss';
-import {AutoFetcher} from '../../../../utils/autofetcher';
-import {Loader} from '@gravity-ui/uikit';
 
 const b = cn('tenant-overview');
 
@@ -113,6 +115,7 @@ class TenantOverview extends React.Component {
             SystemTablets,
         } = tenant;
 
+        const tenantName = mapDatabaseTypeToDBName(Type);
         const memoryRaw = MemoryUsed ?? Metrics.Memory;
 
         const memory = (memoryRaw && bytesToGB(memoryRaw)) || 'no data';
@@ -147,7 +150,7 @@ class TenantOverview extends React.Component {
             this.renderLoader()
         ) : (
             <div className={b()}>
-                <div className={b('top-label')}>Database</div>
+                <div className={b('top-label')}>{tenantName}</div>
                 <div className={b('top')}>
                     {renderName(tenant)}
                     {this.props.additionalTenantInfo &&

src/containers/Tenant/Tenant.tsx

@@ -90,7 +90,7 @@ function Tenant(props: TenantProps) {
 
     useEffect(() => {
         dispatch(disableAutorefresh());
-    }, [currentSchemaPath, tenantName]);
+    }, [currentSchemaPath, tenantName, dispatch]);
 
     useEffect(() => {
         if (tenantName) {

src/containers/Tenant/utils/schema.ts

@@ -1,5 +1,7 @@
 import type {NavigationTreeNodeType} from 'ydb-ui-components';
+
 import {EPathSubType, EPathType} from '../../../types/api/schema';
+import {ETenantType} from '../../../types/api/tenant';
 
 // this file contains verbose mappings that are typed in a way that ensures
 // correctness when a new node type or a new path type is added
@@ -41,6 +43,49 @@ export const mapPathTypeToNavigationTreeType = (
 
 // ====================
 
+const pathSubTypeToEntityName: Record<EPathSubType, string | undefined> = {
+    [EPathSubType.EPathSubTypeSyncIndexImplTable]: 'Secondary Index Table',
+    [EPathSubType.EPathSubTypeAsyncIndexImplTable]: 'Secondary Index Table',
+
+    [EPathSubType.EPathSubTypeStreamImpl]: undefined,
+    [EPathSubType.EPathSubTypeEmpty]: undefined,
+};
+
+const pathTypeToEntityName: Record<EPathType, string | undefined> = {
+    [EPathType.EPathTypeInvalid]: undefined,
+
+    [EPathType.EPathTypeSubDomain]: 'Database',
+    [EPathType.EPathTypeExtSubDomain]: 'Database',
+
+    [EPathType.EPathTypeDir]: 'Directory',
+    [EPathType.EPathTypeTable]: 'Table',
+    [EPathType.EPathTypeTableIndex]: 'Secondary Index',
+    [EPathType.EPathTypeColumnStore]: 'Tablestore',
+    [EPathType.EPathTypeColumnTable]: 'Columntable',
+    [EPathType.EPathTypeCdcStream]: 'Changefeed',
+    [EPathType.EPathTypePersQueueGroup]: 'Topic',
+};
+
+export const mapPathTypeToEntityName = (
+    type?: EPathType,
+    subType?: EPathSubType,
+): string | undefined =>
+    (subType && pathSubTypeToEntityName[subType]) || (type && pathTypeToEntityName[type]);
+
+// ====================
+
+const databaseTypeToDBName: Record<ETenantType, string | undefined> = {
+    [ETenantType.UnknownTenantType]: 'Database',
+    [ETenantType.Domain]: 'Cluster Root',
+    [ETenantType.Dedicated]: 'Dedicated Database',
+    [ETenantType.Shared]: 'Shared Database',
+    [ETenantType.Serverless]: 'Serverless Database',
+};
+
+export const mapDatabaseTypeToDBName = (type?: ETenantType) => type && databaseTypeToDBName[type];
+
+// ====================
+
 const pathTypeToIsTable: Record<EPathType, boolean> = {
     [EPathType.EPathTypeTable]: true,
     [EPathType.EPathTypeColumnTable]: true,