fix(mis): 修复了当getClusterNodesInfo接口不存在时，进度条为NaN的情况 (#1418)

问题： ![image](https://github.com/user-attachments/assets/dd62dba7-e842-47bf-b8e1-b763700227f0) ![image](https://github.com/user-attachments/assets/c3f823ed-3a1a-4708-99f2-35b4ec403901) 修复后： ![image](https://github.com/user-attachments/assets/44a03dcf-3e28-4324-bc80-c6dbf7a52760)
PKUHPC · Sep 2, 2024 · 213c7f2 · 213c7f2
1 parent a47aa76
commit 213c7f2
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 10 deletions.
diff --git a/.changeset/six-lobsters-speak.md b/.changeset/six-lobsters-speak.md
@@ -0,0 +1,5 @@
+---
+"@scow/portal-web": patch
+---
+
+修复了当 getClusterNodesInfo 接口不存在时，进度条为 NaN 的情况。
diff --git a/apps/portal-web/src/pageComponents/dashboard/OverviewTable.tsx b/apps/portal-web/src/pageComponents/dashboard/OverviewTable.tsx
@@ -209,16 +209,18 @@ export const OverviewTable: React.FC<Props> = ({ clusterInfo, failedClusters,
               compareWithUndefined(a.info?.usageRatePercentage, b.info?.usageRatePercentage, sortOrder)}
             hidden={clusterInfo.every((item) => item.usageRatePercentage === undefined)}
             render={(_, r) => (
-              r.info?.usageRatePercentage !== undefined ? (
-                <div>
-                  <CustomProgress
-                    percent={Math.min(Number(r.info?.usageRatePercentage.toFixed(2) ?? 0), 100)}
-                    width="120px"
-                    height="15px"
-                    bgColor={gray[0]}
-                    progressColor={blue[5]}
-                  />
-                </div>
+              (r.info?.usageRatePercentage !== undefined && !isNaN(r.info.usageRatePercentage)) ? (
+                (
+                  <div>
+                    <CustomProgress
+                      percent={Math.min(Number(r.info?.usageRatePercentage.toFixed(2) ?? 0), 100)}
+                      width="120px"
+                      height="15px"
+                      bgColor={gray[0]}
+                      progressColor={blue[5]}
+                    />
+                  </div>
+                )
               ) : "-"
             )}
           />