root/gpustack-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: workers map parameters null

Browse Source
This commit is contained in:
jialin
2024-08-16 13:36:51 +08:00
parent 7ff21e0d68
commit 2e00309b40
2 changed files with 28 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/resources/components/gpus.tsx
+1 -1
View File
@@ -183,7 +183,7 @@ const GPUList: React.FC = () => {
render={(text, record: GPUDeviceItem) => { render={(text, record: GPUDeviceItem) => {
return ( return (
<ProgressBar <ProgressBar
percent={_.round(record.memory.utilization_rate, 0)} percent={_.round(record.memory?.utilization_rate, 0)}
label={ label={
<span className="flex-column"> <span className="flex-column">
<span> <span>
src/pages/resources/components/workers.tsx
+27 -23
View File
@@ -254,7 +254,7 @@ const Resources: React.FC = () => {
render={(text, record: ListItem) => { render={(text, record: ListItem) => {
return ( return (
<ProgressBar <ProgressBar
percent={_.round(record?.status?.cpu.utilization_rate, 0)} percent={_.round(record?.status?.cpu?.utilization_rate, 0)}
></ProgressBar> ></ProgressBar>
); );
}} }}
@@ -267,18 +267,18 @@ const Resources: React.FC = () => {
return ( return (
<ProgressBar <ProgressBar
percent={formateUtilazation( percent={formateUtilazation(
record?.status?.memory.used, record?.status?.memory?.used,
record?.status?.memory.total record?.status?.memory?.total
)} )}
label={ label={
<span className="flex-column"> <span className="flex-column">
<span> <span>
{intl.formatMessage({ id: 'resources.table.total' })}:{' '} {intl.formatMessage({ id: 'resources.table.total' })}:{' '}
{convertFileSize(record?.status?.memory.total, 0)} {convertFileSize(record?.status?.memory?.total, 0)}
</span> </span>
<span> <span>
{intl.formatMessage({ id: 'resources.table.used' })}:{' '} {intl.formatMessage({ id: 'resources.table.used' })}:{' '}
{convertFileSize(record?.status?.memory.used, 0)} {convertFileSize(record?.status?.memory?.used, 0)}
</span> </span>
</span> </span>
} }
@@ -293,22 +293,25 @@ const Resources: React.FC = () => {
render={(text, record: ListItem) => { render={(text, record: ListItem) => {
return ( return (
<span className="flex-column flex-gap-2"> <span className="flex-column flex-gap-2">
{record?.status?.gpu_devices.map((item, index) => { {_.map(
return ( record?.status?.gpu_devices,
<span className="flex-center" key={index}> (item: GPUDeviceItem, index: string) => {
<span return (
className="m-r-5" <span className="flex-center" key={index}>
style={{ display: 'flex', width: 25 }} <span
> className="m-r-5"
[{item.index}] style={{ display: 'flex', width: 25 }}
>
[{item.index}]
</span>
<ProgressBar
key={index}
percent={_.round(item.core?.utilization_rate, 0)}
></ProgressBar>
</span> </span>
<ProgressBar );
key={index} }
percent={_.round(item.core.utilization_rate, 0)} )}
></ProgressBar>
</span>
);
})}
</span> </span>
); );
}} }}
@@ -321,8 +324,9 @@ const Resources: React.FC = () => {
render={(text, record: ListItem) => { render={(text, record: ListItem) => {
return ( return (
<span className="flex-column"> <span className="flex-column">
{record?.status?.gpu_devices.map( {_.map(
(item: GPUDeviceItem, index) => { record?.status?.gpu_devices,
(item: GPUDeviceItem, index: string) => {
return ( return (
<span key={index}> <span key={index}>
<span className="flex-center"> <span className="flex-center">
@@ -334,7 +338,7 @@ const Resources: React.FC = () => {
</span> </span>
<ProgressBar <ProgressBar
key={index} key={index}
percent={_.round(item.memory.utilization_rate, 0)} percent={_.round(item.memory?.utilization_rate, 0)}
label={ label={
<span className="flex-column"> <span className="flex-column">
<span> <span>