feat: more language

src/pages/dashboard/components/model-nodes.tsx

@@ -36,7 +36,7 @@ const dataSource: NodeItem[] = [
     state: 'ALIVE'
   },
   {
-    id: 1,
+    id: 2,
     name: '192.168.1.2',
     address: '192.168.1.5',
     hostname: 'node-2',
@@ -81,7 +81,7 @@ const dataSource: NodeItem[] = [
   }
 ];
 
-const Models: React.FC = () => {
+const ModelNodes: React.FC = () => {
   const rowSelection = useTableRowSelection();
 
   const [selectName, setSelectName] = useState<string>('llama3:latest');
@@ -186,6 +186,7 @@ const Models: React.FC = () => {
         ></PageTools>
         <Table
           dataSource={dataSource}
+          rowKey={(record) => record.id}
           loading={loading}
           onChange={handleTableChange}
           pagination={false}
@@ -265,4 +266,4 @@ const Models: React.FC = () => {
   );
 };
 
-export default Models;
+export default ModelNodes;

src/pages/dashboard/components/over-view.tsx

@@ -25,9 +25,8 @@ const Overview: React.FC = (props) => {
   return (
     <Row gutter={[20, 20]} className={styles.row}>
       {overviewConfigs.map((config, index) => (
-        <Col span={5}>
+        <Col span={5} key={config.key}>
           <CardItem
-            key={config.key}
             label={config.label}
             value={data[config.key] || 0}
             bgColor={config.backgroundColor}

src/pages/dashboard/components/utilization-overtime.tsx

@@ -46,6 +46,7 @@ const UtilizationOvertime: React.FC = () => {
     color: ['red', 'blue', 'green'],
     colorField: 'type',
     slider: false,
+    shapeField: 'smooth',
     axis: {
       x: {
         textStyle: {
@@ -53,24 +54,22 @@ const UtilizationOvertime: React.FC = () => {
         }
       }
     },
-    xAxis: {
-      autoRotate: true
-    },
-    yAxis: {
-      nice: true,
-      label: {
-        autoRotate: true
-      }
-    },
     point: {
       shapeField: 'circle',
       sizeField: 2
     },
+    style: {
+      lineWidth: 1.4
+    },
     legend: {
       color: {
         layout: { justifyContent: 'center' }
       }
     },
+    tooltip: {
+      title: 'time',
+      items: [{ channel: 'y' }]
+    },
     label: {
       autoRotate: true
     }