fix(Cluster): handle cluster error in meta requests (#1525)

Author: Raubzeug

src/containers/Cluster/Cluster.tsx

@@ -123,7 +123,12 @@ export function Cluster({
             <div className={b('sticky-wrapper')}>
                 <AutoRefreshControl className={b('auto-refresh-control')} />
             </div>
-            <ClusterDashboard cluster={cluster} groupStats={groupsStats} loading={infoLoading} />
+            <ClusterDashboard
+                cluster={cluster}
+                groupStats={groupsStats}
+                loading={infoLoading}
+                error={clusterError || cluster?.error}
+            />
             <div className={b('tabs-sticky-wrapper')}>
                 <Tabs
                     size="l"

src/containers/Cluster/ClusterDashboard/ClusterDashboard.scss

@@ -1,8 +1,14 @@
+@import '../../../styles/mixins.scss';
+
 .ydb-cluster-dashboard {
     position: sticky;
     left: 0;
 
     padding-top: 16px;
+
+    &__error {
+        @include body-2-typography();
+    }
     &__card {
         display: flex;
         flex-direction: column;

src/containers/Cluster/ClusterDashboard/ClusterDashboard.tsx

@@ -1,9 +1,11 @@
 import {Flex, Text} from '@gravity-ui/uikit';
 
+import {ResponseError} from '../../../components/Errors/ResponseError';
 import {Tags} from '../../../components/Tags';
 import type {ClusterGroupsStats} from '../../../store/reducers/cluster/types';
 import {isClusterInfoV2} from '../../../types/api/cluster';
 import type {TClusterInfo} from '../../../types/api/cluster';
+import type {IResponseError} from '../../../types/api/error';
 import {valueIsDefined} from '../../../utils';
 import {formatNumber} from '../../../utils/dataFormatters/dataFormatters';
 import i18n from '../i18n';
@@ -41,9 +43,13 @@ interface ClusterDashboardProps {
     cluster: TClusterInfo;
     groupStats?: ClusterGroupsStats;
     loading?: boolean;
+    error?: IResponseError | string;
 }
 
 export function ClusterDashboard(props: ClusterDashboardProps) {
+    if (props.error) {
+        return <ResponseError error={props.error} className={b('error')} />;
+    }
     return (
         <div className={b()}>
             <Flex gap={4} wrap>

src/types/api/cluster.ts

@@ -8,6 +8,7 @@ import type {TTraceCheck, TTraceView} from './trace';
  * source: https://github.com/ydb-platform/ydb/blob/main/ydb/core/viewer/protos/viewer.proto
  */
 export interface TClusterInfoV1 {
+    error?: string;
     Name?: string;
     Overall?: EFlag;
     NodesTotal?: number;