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

Author: ariser

src/containers/Tenant/Diagnostics/Diagnostics.tsx

@@ -13,7 +13,7 @@ import {Loader} from '../../../components/Loader';
 import TopQueries from './TopQueries/TopQueries';
 //@ts-ignore
 import DetailedOverview from './DetailedOverview/DetailedOverview';
-import {TopShards} from './TopShards';
+import {OverloadedShards} from './OverloadedShards';
 //@ts-ignore
 import Storage from '../../Storage/Storage';
 //@ts-ignore
@@ -130,8 +130,8 @@ function Diagnostics(props: DiagnosticsProps) {
                     />
                 );
             }
-            case GeneralPagesIds.topShards: {
-                return <TopShards tenantPath={tenantNameString} type={type} />;
+            case GeneralPagesIds.overloadedShards: {
+                return <OverloadedShards 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',
-    'topShards' = 'topShards',
+    'overloadedShards' = 'overloadedShards',
     'nodes' = 'Nodes',
     'tablets' = 'Tablets',
     'storage' = 'Storage',
@@ -29,8 +29,8 @@ const topQueries = {
     title: 'Top queries',
 };
 
-const topShards = {
-    id: GeneralPagesIds.topShards,
+const overloadedShards = {
+    id: GeneralPagesIds.overloadedShards,
     title: 'Overloaded shards',
 };
 
@@ -75,17 +75,17 @@ const consumers = {
 export const DATABASE_PAGES = [
     overview,
     topQueries,
-    topShards,
+    overloadedShards,
     nodes,
     tablets,
     storage,
     network,
     describe,
 ];
 
-export const TABLE_PAGES = [overview, topShards, graph, tablets, hotKeys, describe];
+export const TABLE_PAGES = [overview, overloadedShards, graph, tablets, hotKeys, describe];
 
-export const DIR_PAGES = [overview, topShards, describe];
+export const DIR_PAGES = [overview, overloadedShards, describe];
 
 export const CDC_STREAM_PAGES = [overview, consumers, describe];
 export const TOPIC_PAGES = [overview, consumers, describe];

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

@@ -1,4 +1,4 @@
-.top-shards {
+.overloaded-shards {
     &__date-range {
         &-input {
             min-width: 190px;

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

@@ -3,7 +3,7 @@ import {ChangeEventHandler} from 'react';
 
 import './DateRange.scss';
 
-const b = cn('top-shards');
+const b = cn('overloaded-shards');
 
 export interface DateRangeValues {
     /** ms from epoch */

src/containers/Tenant/Diagnostics/TopShards/DateRange/index.ts renamed to src/containers/Tenant/Diagnostics/OverloadedShards/DateRange/index.ts

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

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

@@ -13,8 +13,8 @@ import routes, {createHref} from '../../../../routes';
 
 import {
     sendShardQuery,
-    setShardQueryOptions,
-    setTopShardFilters,
+    setShardsState,
+    setShardsQueryFilters,
 } from '../../../../store/reducers/shardsWorkload';
 import {setCurrentSchemaPath, getSchema} from '../../../../store/reducers/schema';
 import type {IShardsWorkloadFilters} from '../../../../types/store/shardsWorkload';
@@ -33,9 +33,9 @@ import {isColumnEntityType} from '../../utils/schema';
 import {DateRange, DateRangeValues} from './DateRange';
 
 import i18n from './i18n';
-import './TopShards.scss';
+import './OverloadedShards.scss';
 
-const b = cn('top-shards');
+const b = cn('overloaded-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 TopShardsProps {
+interface OverloadedShardsProps {
     tenantPath: string;
     type?: EPathType;
 }
 
-export const TopShards = ({tenantPath, type}: TopShardsProps) => {
+export const OverloadedShards = ({tenantPath, type}: OverloadedShardsProps) => {
     const dispatch = useDispatch();
 
     const {autorefresh, currentSchemaPath} = useTypedSelector((state) => state.schema);
@@ -134,7 +134,7 @@ export const TopShards = ({tenantPath, type}: TopShardsProps) => {
     // don't show loader for requests triggered by table sort, only for path change
     useEffect(() => {
         dispatch(
-            setShardQueryOptions({
+            setShardsState({
                 wasLoaded: false,
                 data: undefined,
             }),
@@ -144,14 +144,14 @@ export const TopShards = ({tenantPath, type}: TopShardsProps) => {
     const history = useContext(HistoryContext);
 
     const onSort = (newSortOrder?: SortOrder | SortOrder[]) => {
-        // omit information about sort order to disable ASC order, only DESC makes sense for top shards
+        // omit information about sort order to disable ASC order, only DESC makes sense for overloaded 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));
     };
 
     const handleDateRangeChange = (value: DateRangeValues) => {
-        dispatch(setTopShardFilters(value));
+        dispatch(setShardsQueryFilters(value));
         setFilters(value);
     };
 

src/containers/Tenant/Diagnostics/TopShards/TopShards.tsx renamed to src/containers/Tenant/Diagnostics/OverloadedShards/OverloadedShards.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-top-shards';
+const COMPONENT = 'ydb-diagnostics-overloaded-shards';
 
 i18n.registerKeyset(Lang.En, COMPONENT, en);
 i18n.registerKeyset(Lang.Ru, COMPONENT, ru);