From 2e00309b4055d77817fb7a46b49420a08627dee5 Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Fri, 16 Aug 2024 13:35:14 +0800
Subject: [PATCH] fix: workers  map parameters null

---
 src/pages/resources/components/gpus.tsx    |  2 +-
 src/pages/resources/components/workers.tsx | 50 ++++++++++++----------
 2 files changed, 28 insertions(+), 24 deletions(-)

diff --git a/src/pages/resources/components/gpus.tsx b/src/pages/resources/components/gpus.tsx
index e7d011e5..b1698e5f 100644
--- a/src/pages/resources/components/gpus.tsx
+++ b/src/pages/resources/components/gpus.tsx
@@ -183,7 +183,7 @@ const GPUList: React.FC = () => {
           render={(text, record: GPUDeviceItem) => {
             return (
               <ProgressBar
-                percent={_.round(record.memory.utilization_rate, 0)}
+                percent={_.round(record.memory?.utilization_rate, 0)}
                 label={
                   <span className="flex-column">
                     <span>
diff --git a/src/pages/resources/components/workers.tsx b/src/pages/resources/components/workers.tsx
index f2192bd7..b400c913 100644
--- a/src/pages/resources/components/workers.tsx
+++ b/src/pages/resources/components/workers.tsx
@@ -254,7 +254,7 @@ const Resources: React.FC = () => {
           render={(text, record: ListItem) => {
             return (
               <ProgressBar
-                percent={_.round(record?.status?.cpu.utilization_rate, 0)}
+                percent={_.round(record?.status?.cpu?.utilization_rate, 0)}
               ></ProgressBar>
             );
           }}
@@ -267,18 +267,18 @@ const Resources: React.FC = () => {
             return (
               <ProgressBar
                 percent={formateUtilazation(
-                  record?.status?.memory.used,
-                  record?.status?.memory.total
+                  record?.status?.memory?.used,
+                  record?.status?.memory?.total
                 )}
                 label={
                   <span className="flex-column">
                     <span>
                       {intl.formatMessage({ id: 'resources.table.total' })}:{' '}
-                      {convertFileSize(record?.status?.memory.total, 0)}
+                      {convertFileSize(record?.status?.memory?.total, 0)}
                     </span>
                     <span>
                       {intl.formatMessage({ id: 'resources.table.used' })}:{' '}
-                      {convertFileSize(record?.status?.memory.used, 0)}
+                      {convertFileSize(record?.status?.memory?.used, 0)}
                     </span>
                   </span>
                 }
@@ -293,22 +293,25 @@ const Resources: React.FC = () => {
           render={(text, record: ListItem) => {
             return (
               <span className="flex-column flex-gap-2">
-                {record?.status?.gpu_devices.map((item, index) => {
-                  return (
-                    <span className="flex-center" key={index}>
-                      <span
-                        className="m-r-5"
-                        style={{ display: 'flex', width: 25 }}
-                      >
-                        [{item.index}]
+                {_.map(
+                  record?.status?.gpu_devices,
+                  (item: GPUDeviceItem, index: string) => {
+                    return (
+                      <span className="flex-center" key={index}>
+                        <span
+                          className="m-r-5"
+                          style={{ display: 'flex', width: 25 }}
+                        >
+                          [{item.index}]
+                        </span>
+                        <ProgressBar
+                          key={index}
+                          percent={_.round(item.core?.utilization_rate, 0)}
+                        ></ProgressBar>
                       </span>
-                      <ProgressBar
-                        key={index}
-                        percent={_.round(item.core.utilization_rate, 0)}
-                      ></ProgressBar>
-                    </span>
-                  );
-                })}
+                    );
+                  }
+                )}
               </span>
             );
           }}
@@ -321,8 +324,9 @@ const Resources: React.FC = () => {
           render={(text, record: ListItem) => {
             return (
               <span className="flex-column">
-                {record?.status?.gpu_devices.map(
-                  (item: GPUDeviceItem, index) => {
+                {_.map(
+                  record?.status?.gpu_devices,
+                  (item: GPUDeviceItem, index: string) => {
                     return (
                       <span key={index}>
                         <span className="flex-center">
@@ -334,7 +338,7 @@ const Resources: React.FC = () => {
                           </span>
                           <ProgressBar
                             key={index}
-                            percent={_.round(item.memory.utilization_rate, 0)}
+                            percent={_.round(item.memory?.utilization_rate, 0)}
                             label={
                               <span className="flex-column">
                                 <span>