refactor(OverloadedShards): rename to TopShards to match display name

Author: ariser

src/containers/Tenant/Diagnostics/Diagnostics.tsx

@@ -12,7 +12,7 @@ import {Loader} from '../../../components/Loader';
 import {TopQueries} from './TopQueries';
 //@ts-ignore
 import DetailedOverview from './DetailedOverview/DetailedOverview';
-import {OverloadedShards} from './OverloadedShards';
+import {TopShards} from './TopShards';
 //@ts-ignore
 import Storage from '../../Storage/Storage';
 //@ts-ignore
@@ -124,8 +124,8 @@ function Diagnostics(props: DiagnosticsProps) {
                     />
                 );
             }
-            case GeneralPagesIds.overloadedShards: {
-                return <OverloadedShards tenantPath={tenantNameString} type={type} />;
+            case GeneralPagesIds.topShards: {
+                return <TopShards tenantPath={tenantNameString} type={type} />;
             }
             case GeneralPagesIds.nodes: {
                 return (

src/containers/Tenant/Diagnostics/DiagnosticsPages.ts

@@ -3,7 +3,7 @@ import {EPathType} from '../../../types/api/schema';
 export enum GeneralPagesIds {
     'overview' = 'Overview',
     'topQueries' = 'topQueries',
-    'overloadedShards' = 'overloadedShards',
+    'topShards' = 'topShards',
     'nodes' = 'Nodes',
     'tablets' = 'Tablets',
     'storage' = 'Storage',
@@ -29,8 +29,8 @@ const topQueries = {
     title: 'Top queries',
 };
 
-const overloadedShards = {
-    id: GeneralPagesIds.overloadedShards,
+const topShards = {
+    id: GeneralPagesIds.topShards,
     title: 'Top shards',
 };
 
@@ -75,17 +75,17 @@ const consumers = {
 export const DATABASE_PAGES = [
     overview,
     topQueries,
-    overloadedShards,
+    topShards,
     nodes,
     tablets,
     storage,
     network,
     describe,
 ];
 
-export const TABLE_PAGES = [overview, overloadedShards, graph, tablets, hotKeys, describe];
+export const TABLE_PAGES = [overview, topShards, graph, tablets, hotKeys, describe];
 
-export const DIR_PAGES = [overview, overloadedShards, describe];
+export const DIR_PAGES = [overview, topShards, describe];
 
 export const CDC_STREAM_PAGES = [overview, consumers, describe];
 export const TOPIC_PAGES = [overview, consumers, describe];

src/containers/Tenant/Diagnostics/OverloadedShards/index.ts

@@ -1,4 +1,4 @@
-.overloaded-shards {
+.top-shards {
     display: flex;
     flex-direction: column;
 

src/containers/Tenant/Diagnostics/OverloadedShards/OverloadedShards.scss renamed to src/containers/Tenant/Diagnostics/TopShards/TopShards.scss

@@ -32,9 +32,9 @@ import {getDefaultNodePath} from '../../../Node/NodePages';
 import {isColumnEntityType} from '../../utils/schema';
 
 import i18n from './i18n';
-import './OverloadedShards.scss';
+import './TopShards.scss';
 
-const b = cn('overloaded-shards');
+const b = cn('top-shards');
 const bLink = cn('yc-link');
 
 const TABLE_SETTINGS: Settings = {
@@ -83,12 +83,12 @@ function dataTableToStringSortOrder(value: SortOrder | SortOrder[] = []) {
     return sortOrders.map(({columnId}) => columnId).join(',');
 }
 
-interface OverloadedShardsProps {
+interface TopShardsProps {
     tenantPath: string;
     type?: EPathType;
 }
 
-export const OverloadedShards = ({tenantPath, type}: OverloadedShardsProps) => {
+export const TopShards = ({tenantPath, type}: TopShardsProps) => {
     const dispatch = useDispatch();
 
     const {autorefresh, currentSchemaPath} = useTypedSelector((state) => state.schema);
@@ -144,7 +144,7 @@ export const OverloadedShards = ({tenantPath, type}: OverloadedShardsProps) => {
     const history = useContext(HistoryContext);
 
     const onSort = (newSortOrder?: SortOrder | SortOrder[]) => {
-        // omit information about sort order to disable ASC order, only DESC makes sense for overloaded shards
+        // omit information about sort order to disable ASC order, only DESC makes sense for top shards
         // use a string (and not the DataTable default format) to prevent reference change,
         // which would cause an excess state change, to avoid repeating requests
         setSortOrder(dataTableToStringSortOrder(newSortOrder));

src/containers/Tenant/Diagnostics/OverloadedShards/OverloadedShards.tsx renamed to src/containers/Tenant/Diagnostics/TopShards/TopShards.tsx

@@ -3,7 +3,7 @@ import {i18n, Lang} from '../../../../../utils/i18n';
 import en from './en.json';
 import ru from './ru.json';
 
-const COMPONENT = 'ydb-diagnostics-overloaded-shards';
+const COMPONENT = 'ydb-diagnostics-top-shards';
 
 i18n.registerKeyset(Lang.En, COMPONENT, en);
 i18n.registerKeyset(Lang.Ru, COMPONENT, ru);

src/containers/Tenant/Diagnostics/OverloadedShards/i18n/en.json renamed to src/containers/Tenant/Diagnostics/TopShards/i18n/en.json

@@ -0,0 +1 @@
+export * from './TopShards';