fix: module form URL field auto-filling

Author: Yangyang96

ui/src/pages/modules/component/moduleForm/index.tsx

@@ -23,7 +23,7 @@ const ModuleForm = ({
       form.setFieldsValue({
         ...formData,
         url: `${url?.Scheme}://${url?.Host}${url?.Path}`,
-        doc: `${docUrl?.Scheme}://${docUrl?.Host}${docUrl?.Path}`,
+        doc: (!docUrl?.Scheme && (!docUrl?.Host && !docUrl?.Path)) ? '' : `${docUrl?.Scheme}://${docUrl?.Host}${docUrl?.Path}`,
       })
     }
   }, [formData, form])

ui/src/pages/modules/index.tsx

@@ -162,7 +162,7 @@ const ModulePage = () => {
       render: (_, record) => {
         return (
           <Space>
-            {record?.doc?.Host && record?.doc?.Path ? (
+            {record?.doc?.Host ? (
               <Button style={{ padding: '0px' }} type='link' href={`${record?.doc?.Scheme}://${record?.doc?.Host}${record?.doc?.Path}`} target='_blank'>doc</Button>
             ) : (
               <Button style={{ padding: '0px' }} type='link' disabled>doc</Button>

ui/src/pages/workspaces/components/workspaceCard/index.tsx

@@ -12,35 +12,50 @@ const WorkspaceCard = ({ title, desc, nickName, createDate, onClick, onDelete, h
   return (
     <div className={styles.workspace_card}>
       <div className={styles.workspace_card_container}>
-        <div className={styles.workspace_card_header}>
+        <div className={styles.workspace_card_header} style={{cursor: 'pointer'}} onClick={onClick}>
           <div className={styles.workspace_card_header_left}>
             <div className={styles.workspace_card_icon}>
               <img src={workspaceSvg} alt="svgIcon" />
             </div>
             <div className={styles.workspace_card_title}>{title}</div>
           </div>
           <div>
-            <Button type='link' onClick={() => handleEdit({
-              name: title,
-              description: desc,
-            })}>
+            <Button type='link' onClick={(e) => {
+              e.stopPropagation();
+              handleEdit({
+                name: title,
+                description: desc,
+              });
+            }}>
               <EditOutlined />
             </Button>
             <Popconfirm
-              title="Delete the workspace"
-              description="Are you sure to delete this workspace?"
+              title={<span style={{fontSize: '18px'}}>Delete the workspace</span>}
+              description={<span style={{fontSize: '16px'}}>Are you sure to delete this workspace?</span>}
               onConfirm={(event) => {
                 event.stopPropagation()
                 onDelete()
               }}
-              okText="Yes"
-              cancelText="No"
+              onCancel={(e) => {
+                e.stopPropagation()
+              }}
+              okText={<span style={{fontSize: '16px'}}>Yes</span>}
+              cancelText={<span style={{fontSize: '16px'}}>No</span>}
+              overlayStyle={{
+                width: '330px'
+              }}
+              okButtonProps={{
+                style: {height: '30px', width: '60px'}
+              }}
+              cancelButtonProps={{
+                style: {height: '30px', width: '60px'}
+              }}
             >
-              <Button type='link' danger><DeleteOutlined /></Button>
+              <Button type='link' danger onClick={(e) => e.stopPropagation()}><DeleteOutlined /></Button>
             </Popconfirm>
           </div>
         </div>
-        <div className={styles.workspace_card_content} onClick={onClick}>
+        <div className={styles.workspace_card_content} onClick={onClick} style={{cursor: 'pointer'}}>
           <Tooltip title={desc} placement="topLeft">
             <div className={styles.kusion_card_content_desc}>
               {desc}

ui/src/pages/workspaces/components/workspaceCard/styles.module.less

@@ -37,7 +37,7 @@
       width: 20px;
       height: 20px;
       position: relative;
-      top: 2px;
+      top: 2.5px;
     }
 
     .workspace_card_title {