From 71b254ec73ae492d722f8a720cda4e1de714e286 Mon Sep 17 00:00:00 2001
From: Hellen <el-makarova@yandex-team.ru>
Date: Wed, 23 Oct 2024 17:59:44 +0300
Subject: [PATCH] fix(Cluster): handle cluster error in meta requests (#1525)

---
 src/containers/Cluster/Cluster.tsx                         | 7 ++++++-
 .../Cluster/ClusterDashboard/ClusterDashboard.scss         | 6 ++++++
 .../Cluster/ClusterDashboard/ClusterDashboard.tsx          | 6 ++++++
 src/types/api/cluster.ts                                   | 1 +
 4 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/containers/Cluster/Cluster.tsx b/src/containers/Cluster/Cluster.tsx
index 23504308a..83b3ccf69 100644
--- a/src/containers/Cluster/Cluster.tsx
+++ b/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"
diff --git a/src/containers/Cluster/ClusterDashboard/ClusterDashboard.scss b/src/containers/Cluster/ClusterDashboard/ClusterDashboard.scss
index 86444b149..c2b633161 100644
--- a/src/containers/Cluster/ClusterDashboard/ClusterDashboard.scss
+++ b/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;
diff --git a/src/containers/Cluster/ClusterDashboard/ClusterDashboard.tsx b/src/containers/Cluster/ClusterDashboard/ClusterDashboard.tsx
index f4922f404..f7fc8f41c 100644
--- a/src/containers/Cluster/ClusterDashboard/ClusterDashboard.tsx
+++ b/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>
diff --git a/src/types/api/cluster.ts b/src/types/api/cluster.ts
index c30a25efe..544faf213 100644
--- a/src/types/api/cluster.ts
+++ b/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;