fix: Fix project create validation

src/components/Inputs/ProjectSelect/index.jsx

@@ -51,7 +51,7 @@ export default class ProjectSelect extends Component {
       isFedManaged: item.isFedManaged,
     }))
 
-    if (defaultValue && !data.includes(defaultValue)) {
+    if (defaultValue && !data.find(item => item.name === defaultValue)) {
       result.unshift({
         label: defaultValue,
         value: defaultValue,

src/components/Modals/ProjectCreate/index.jsx

@@ -54,6 +54,8 @@ export default class ProjectCreateModal extends React.Component {
 
     this.store = props.store
     this.workspaceStore = new WorkspaceStore()
+
+    this.clusterRef = React.createRef()
   }
 
   componentDidMount() {
@@ -175,6 +177,15 @@ export default class ProjectCreateModal extends React.Component {
     )
   }
 
+  handleNameChange = () => {
+    if (this.clusterRef.current && this.clusterRef.current.state.error) {
+      const name = 'spec.placement.clusters'
+      this.clusterRef.current.validate({
+        [name]: get(this.props.formTemplate, name),
+      })
+    }
+  }
+
   renderClusters() {
     const { multiCluster } = this.props
 
@@ -185,6 +196,7 @@ export default class ProjectCreateModal extends React.Component {
           desc={t('Select the cluster to create the project.')}
         >
           <Form.Item
+            ref={this.clusterRef}
             rules={[
               { required: true, message: t('Please select a cluster') },
               { validator: this.singleClusterValidator },
@@ -208,6 +220,7 @@ export default class ProjectCreateModal extends React.Component {
         desc={t('PROJECT_CLUSTER_SETTINGS_DESC')}
       >
         <Form.Item
+          ref={this.clusterRef}
           rules={[
             { required: true, message: t('Please select a cluster') },
             { validator: this.multiClusterValidator },
@@ -281,7 +294,11 @@ export default class ProjectCreateModal extends React.Component {
                   },
                 ]}
               >
-                <Input name="metadata.name" autoFocus={true} />
+                <Input
+                  name="metadata.name"
+                  autoFocus={true}
+                  onChange={this.handleNameChange}
+                />
               </Form.Item>
             </Column>
             <Column>

src/pages/clusters/containers/Nodes/Detail/index.jsx

@@ -167,6 +167,10 @@ export default class NodeDetail extends React.Component {
         name: t('Kube-Proxy Version'),
         value: nodeInfo.kubeProxyVersion,
       },
+      {
+        name: t('Architecture'),
+        value: nodeInfo.architecture,
+      },
       {
         name: t('Created Time'),
         value: getLocalTime(detail.createTime).format('YYYY-MM-DD HH:mm:ss'),

src/pages/clusters/containers/Workload/Deployments/index.jsx

@@ -177,7 +177,6 @@ export default class Deployments extends React.Component {
         title: t('Project'),
         dataIndex: 'namespace',
         isHideable: true,
-        search: true,
         width: '22%',
         render: namespace => (
           <Link to={`/clusters/${cluster}/projects/${namespace}`}>

src/pages/projects/containers/Volumes/Detail/index.jsx

@@ -122,6 +122,11 @@ export default class VolumeDetail extends React.Component {
       text: t('Volume Clone'),
       icon: 'copy',
       action: 'create',
+      disabled: !get(
+        this.storageclasscapabilities,
+        'detail.volumeFeature.clone',
+        false
+      ),
       onClick: () => {
         this.trigger('volume.clone', {
           store: this.store,