fix: cluster apis

src/pages/cluster-management/hooks/use-cluster-columns.tsx

@@ -2,7 +2,7 @@
 import AutoTooltip from '@/components/auto-tooltip';
 import DropdownButtons from '@/components/drop-down-buttons';
 import StatusTag from '@/components/status-tag';
-import { useIntl } from '@umijs/max';
+import { Link, useIntl } from '@umijs/max';
 import { ColumnsType } from 'antd/es/table';
 import dayjs from 'dayjs';
 import { useMemo } from 'react';
@@ -14,25 +14,34 @@ import {
 } from '../config';
 import { ClusterListItem } from '../config/types';
 
+const setActionsItems = (row: ClusterListItem) => {
+  return clusterActionList.filter((item) => {
+    if (item.provider) {
+      return item.provider === row.provider;
+    }
+    return true;
+  });
+};
+
 const useClusterColumns = (
   handleSelect: (val: string, record: ClusterListItem) => void
 ): ColumnsType<ClusterListItem> => {
   const intl = useIntl();
-  const setActionsItems = (row: ClusterListItem) => {
-    return clusterActionList.filter((item) => {
-      if (item.provider) {
-        return item.provider === row.provider;
-      }
-      return true;
-    });
-  };
 
   return useMemo(() => {
     return [
       {
         title: intl.formatMessage({ id: 'common.table.name' }),
         dataIndex: 'name',
-        render: (text: string) => <AutoTooltip ghost>{text}</AutoTooltip>
+        render: (text: string, record: ClusterListItem) => (
+          <AutoTooltip ghost>
+            <Link
+              to={`/cluster-management/cluster/detail?id=${record.id}&provider=${record.provider}&name=${record.name}`}
+            >
+              {text}
+            </Link>
+          </AutoTooltip>
+        )
       },
       {
         title: intl.formatMessage({ id: 'clusters.table.provider' }),

src/pages/cluster-management/hooks/use-pools-columns.tsx

@@ -0,0 +1,108 @@
+import AutoTooltip from '@/components/auto-tooltip';
+import DropdownButtons from '@/components/drop-down-buttons';
+import LabelsCell from '@/components/label-cell';
+import { DeleteOutlined, EditOutlined } from '@ant-design/icons';
+import { useIntl } from '@umijs/max';
+import { ColumnsType } from 'antd/es/table';
+import type { SortOrder } from 'antd/es/table/interface';
+import dayjs from 'dayjs';
+import { useMemo } from 'react';
+import { NodePoolListItem as ListItem } from '../config/types';
+
+const actionItems = [
+  {
+    key: 'edit',
+    label: 'common.button.edit',
+    icon: <EditOutlined />
+  },
+
+  {
+    key: 'delete',
+    label: 'common.button.delete',
+    icon: <DeleteOutlined />,
+    props: {
+      danger: true
+    }
+  }
+];
+const usePoolsColumns = (
+  sortOrder: SortOrder,
+  handleSelect: (val: string, record: ListItem) => void
+): ColumnsType<ListItem> => {
+  const intl = useIntl();
+
+  return useMemo(() => {
+    return [
+      {
+        title: intl.formatMessage({ id: 'clusters.workerpool.instanceType' }),
+        dataIndex: 'instance_type',
+        key: 'instance_type',
+        ellipsis: {
+          showTitle: false
+        },
+        render: (text: string) => (
+          <AutoTooltip title={text} ghost minWidth={20}>
+            {text}
+          </AutoTooltip>
+        )
+      },
+      {
+        title: intl.formatMessage({ id: 'clusters.workerpool.replicas' }),
+        dataIndex: 'replicas',
+        key: 'replicas'
+      },
+      {
+        title: intl.formatMessage({ id: 'clusters.workerpool.batchSize' }),
+        dataIndex: 'batch_size',
+        key: 'batch_size'
+      },
+      {
+        title: intl.formatMessage({ id: 'clusters.workerpool.osImage' }),
+        dataIndex: 'os_image',
+        key: 'os_image',
+        ellipsis: {
+          showTitle: false
+        },
+        render: (text: string) => (
+          <AutoTooltip title={text} ghost minWidth={20}>
+            {text}
+          </AutoTooltip>
+        )
+      },
+      {
+        title: intl.formatMessage({ id: 'resources.table.labels' }),
+        dataIndex: 'labels',
+        key: 'labels',
+        width: 200,
+        render: (text: string, record: ListItem) => (
+          <LabelsCell labels={record.labels}></LabelsCell>
+        )
+      },
+      {
+        title: intl.formatMessage({ id: 'common.table.createTime' }),
+        dataIndex: 'create_at',
+        key: 'created_at',
+        showSorterTooltip: false,
+        defaultSortOrder: 'descend',
+        sortOrder: sortOrder,
+        sorter: false,
+        ellipsis: {
+          showTitle: false
+        },
+        render: (text: string) => dayjs(text).format('YYYY-MM-DD HH:mm:ss')
+      },
+      {
+        title: intl.formatMessage({ id: 'common.table.operation' }),
+        key: 'operations',
+        render: (text: string, record: ListItem) => (
+          <DropdownButtons
+            items={actionItems}
+            onSelect={(key) => handleSelect?.(key, record)}
+          />
+        )
+      }
+    ];
+  }, [sortOrder, handleSelect]);
+};
+
+export default usePoolsColumns;