fix(ClusterInfo): change cluster default name (#478)

Author: artemmufazalov

src/containers/Cluster/ClusterInfo/ClusterInfo.tsx

@@ -18,7 +18,7 @@ import type {TClusterInfo} from '../../../types/api/cluster';
 import {backend, customBackend} from '../../../store';
 import {formatStorageValues} from '../../../utils';
 import {useSetting, useTypedSelector} from '../../../utils/hooks';
-import {CLUSTER_INFO_HIDDEN_KEY, DEVELOPER_UI} from '../../../utils/constants';
+import {CLUSTER_DEFAULT_TITLE, CLUSTER_INFO_HIDDEN_KEY, DEVELOPER_UI_TITLE} from '../../../utils/constants';
 
 import {VersionsBar} from '../VersionsBar/VersionsBar';
 import {ClusterInfoSkeleton} from '../ClusterInfoSkeleton/ClusterInfoSkeleton';
@@ -148,7 +148,7 @@ export const ClusterInfo = ({
     const {info = [], links = []} = additionalClusterProps;
 
     const clusterInfo = getInfo(cluster, versionsValues, info, [
-        {title: DEVELOPER_UI, url: internalLink},
+        {title: DEVELOPER_UI_TITLE, url: internalLink},
         ...links,
     ]);
 
@@ -173,7 +173,7 @@ export const ClusterInfo = ({
             <EntityStatus
                 size="m"
                 status={cluster?.Overall}
-                name={cluster?.Name ?? 'Unknown cluster'}
+                name={cluster?.Name ?? CLUSTER_DEFAULT_TITLE}
                 className={b('title')}
             />
         );

src/containers/Header/Header.tsx

@@ -10,7 +10,7 @@ import {ExternalLinkWithIcon} from '../../components/ExternalLinkWithIcon/Extern
 import {backend, customBackend} from '../../store';
 import {getClusterInfo} from '../../store/reducers/cluster/cluster';
 import {useTypedSelector} from '../../utils/hooks';
-import {DEVELOPER_UI} from '../../utils/constants';
+import {DEVELOPER_UI_TITLE} from '../../utils/constants';
 import {parseQuery} from '../../routes';
 
 import {RawBreadcrumbItem, getBreadcrumbs} from './breadcrumbs';
@@ -105,7 +105,7 @@ function Header({mainPage}: HeaderProps) {
                 </div>
 
                 <ExternalLinkWithIcon
-                    title={DEVELOPER_UI}
+                    title={DEVELOPER_UI_TITLE}
                     url={getInternalLink(singleClusterMode)}
                 />
             </header>

src/containers/Header/breadcrumbs.ts

@@ -16,6 +16,7 @@ import {
     TENANT_PAGES_IDS,
 } from '../../store/reducers/tenant/constants';
 import routes, {createHref} from '../../routes';
+import {CLUSTER_DEFAULT_TITLE} from '../../utils/constants';
 
 import {getClusterPath} from '../Cluster/utils';
 import {TenantTabsGroups, getTenantPath} from '../Tenant/TenantPages';
@@ -39,7 +40,7 @@ const getClusterBreadcrumbs = (
 
     return [
         {
-            text: clusterName || 'Cluster',
+            text: clusterName || CLUSTER_DEFAULT_TITLE,
             link: getClusterPath(clusterTab, query),
             icon: nodesRightIcon,
         },

src/containers/Tablet/Tablet.tsx

@@ -9,7 +9,7 @@ import {getTablet, getTabletDescribe, clearTabletData} from '../../store/reducer
 import {setHeaderBreadcrumbs} from '../../store/reducers/header/header';
 
 import {useAutofetcher, useTypedSelector} from '../../utils/hooks';
-import {DEVELOPER_UI} from '../../utils/constants';
+import {DEVELOPER_UI_TITLE} from '../../utils/constants';
 import '../../services/api';
 import {parseQuery} from '../../routes';
 
@@ -113,7 +113,7 @@ export const Tablet = () => {
 
     const externalLinks = [
         {
-            name: `${DEVELOPER_UI} - tablet`,
+            name: `${DEVELOPER_UI_TITLE} - tablet`,
             path: `/tablets?TabletID=${TabletId}`,
         },
     ];

src/utils/constants.ts

@@ -75,8 +75,11 @@ export const COLORS_PRIORITY = {
     grey: 1,
 };
 
-export const DEVELOPER_UI = 'Developer UI';
+// ==== Titles ====
+export const DEVELOPER_UI_TITLE = 'Developer UI';
+export const CLUSTER_DEFAULT_TITLE = 'Cluster';
 
+// ==== Settings ====
 export const THEME_KEY = 'theme';
 export const INVERTED_DISKS_KEY = 'invertedDisks';
 export const USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY = 'useNodesEndpointInDiagnostics';