feat: add cluster detail

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

@@ -6,7 +6,7 @@ import StatusTag from '@/components/status-tag';
 import { tableSorter } from '@/config/settings';
 import { StarFilled } from '@ant-design/icons';
 import { useIntl } from '@umijs/max';
-import { Tooltip } from 'antd';
+import { Tooltip, Typography } from 'antd';
 import dayjs from 'dayjs';
 import { useMemo } from 'react';
 import {
@@ -27,7 +27,8 @@ const setActionsItems = (row: ClusterListItem) => {
 };
 
 const useClusterColumns = (
-  handleSelect: (val: string, record: ClusterListItem) => void
+  handleSelect: (val: string, record: ClusterListItem) => void,
+  onViewWorkers: (record: ClusterListItem) => void
 ): SealColumnProps[] => {
   const intl = useIntl();
 
@@ -40,7 +41,15 @@ const useClusterColumns = (
         span: 3,
         render: (text: string, record: ClusterListItem) => (
           <>
-            <AutoTooltip ghost>{text}</AutoTooltip>
+            <AutoTooltip ghost title={text}>
+              {record.workers > 0 ? (
+                <Typography.Link onClick={() => onViewWorkers(record)}>
+                  {record.name}
+                </Typography.Link>
+              ) : (
+                text
+              )}
+            </AutoTooltip>
             {record.is_default && (
               <Tooltip
                 title={intl.formatMessage({
@@ -127,7 +136,7 @@ const useClusterColumns = (
         )
       }
     ];
-  }, [handleSelect]);
+  }, [handleSelect, onViewWorkers]);
 };
 
 export default useClusterColumns;