fix(style): model status

src/pages/llmodels/components/add-modal.tsx

@@ -276,6 +276,7 @@ const AddModal: React.FC<AddModalProps> = (props) => {
     <Modal
       title={title}
       open={open}
+      centered={true}
       onOk={handleSumit}
       onCancel={onCancel}
       destroyOnClose={true}

src/pages/llmodels/components/instance-item.tsx

@@ -7,7 +7,7 @@ import { Col, Row, Space } from 'antd';
 import dayjs from 'dayjs';
 import _ from 'lodash';
 import React from 'react';
-import { status } from '../config';
+import { InstanceStatusMap, status } from '../config';
 import { ModelInstanceListItem } from '../config/types';
 
 interface InstanceItemProps {
@@ -33,6 +33,15 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
       icon: <DeleteOutlined />
     }
   ];
+  const testStatus = {
+    state: InstanceStatusMap.Scheduled
+  };
+  const getWorkerIp = (item: ModelInstanceListItem) => {
+    if (item.worker_ip) {
+      return item.port ? `${item.worker_ip}:${item.port}` : item.worker_ip;
+    }
+    return '-';
+  };
   return (
     <Space size={16} direction="vertical" style={{ width: '100%' }}>
       {_.map(list, (item: ModelInstanceListItem, index: number) => {
@@ -40,18 +49,11 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
           <div
             key={`${item.id}`}
             style={{ borderRadius: 'var(--ant-table-header-border-radius)' }}
-            className={
-              item.download_progress !== 100 && item.state !== 'Running'
-                ? 'skeleton-loading'
-                : ''
-            }
           >
             <RowChildren key={`${item.id}_row`}>
               <Row style={{ width: '100%' }} align="middle">
                 <Col span={4}>{item.name}</Col>
-                <Col span={3}>
-                  {item.worker_ip ? `${item.worker_ip}:${item.port}` : '-'}
-                </Col>
+                <Col span={3}>{getWorkerIp(item)}</Col>
                 <Col span={4}>
                   <span>
                     {item.source === 'huggingface'
@@ -68,7 +70,7 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
                     {item.state && (
                       <StatusTag
                         download={
-                          item.state !== 'Running'
+                          item.state === InstanceStatusMap.Downloading
                             ? { percent: item.download_progress }
                             : undefined
                         }

src/pages/llmodels/components/view-logs-modal.tsx

@@ -21,13 +21,13 @@ const ViewCodeModal: React.FC<ViewModalProps> = (props) => {
     <Modal
       title={intl.formatMessage({ id: 'common.button.viewlog' })}
       open={open}
+      centered={true}
       onCancel={onCancel}
       destroyOnClose={true}
       closeIcon={true}
       maskClosable={false}
       keyboard={false}
-      width={'max(50%, 600px)'}
-      style={{ top: '80px' }}
+      width={600}
       footer={null}
     >
       <LogsViewer

src/pages/llmodels/config/index.ts

@@ -18,9 +18,24 @@ export const modelSourceMap: Record<string, string> = {
   s3: 'S3'
 };
 
+export const InstanceStatusMap = {
+  Initializing: 'Initializing',
+  Pending: 'Pending',
+  Running: 'Running',
+  Scheduled: 'Scheduled',
+  Error: 'Error',
+  Downloading: 'Downloading',
+  Unknown: 'Unknown'
+};
+
 export const status: any = {
-  Running: StatusMaps.success,
-  Pending: StatusMaps.transitioning
+  [InstanceStatusMap.Running]: StatusMaps.success,
+  [InstanceStatusMap.Pending]: StatusMaps.transitioning,
+  [InstanceStatusMap.Initializing]: StatusMaps.transitioning,
+  [InstanceStatusMap.Scheduled]: StatusMaps.success,
+  [InstanceStatusMap.Error]: StatusMaps.error,
+  [InstanceStatusMap.Downloading]: StatusMaps.transitioning,
+  [InstanceStatusMap.Unknown]: StatusMaps.inactive
 };
 
 export const ActionList = [
@@ -40,12 +55,3 @@ export const ActionList = [
     icon: EditOutlined
   }
 ];
-
-export const InstanceStatusMap = {
-  Initializing: 'Initializing',
-  Pending: 'Pending',
-  Running: 'Running',
-  Scheduled: 'Scheduled',
-  Error: 'Error',
-  Downloading: 'Downloading'
-};