fix(style): cluster state do not display

src/pages/cluster-management/components/cloud-options.tsx

@@ -16,7 +16,6 @@ const Title = styled.div`
   height: 40px;
   align-items: center;
   gap: 16px;
-  // background-color: var(--ant-color-fill-secondary);
   border-radius: var(--ant-border-radius);
   margin-bottom: 22px;
   font-weight: 600;

src/pages/cluster-management/config/index.ts

@@ -1,12 +1,11 @@
 import icons from '@/components/icon-font/icons';
 import { StatusMaps } from '@/config';
 import { StatusType } from '@/config/types';
-import React from 'react';
 
 export const ClusterStatusValueMap = {
-  Provisioning: 0,
-  Ready: 3,
-  Provisioned: 1
+  Provisioning: 'provisioning',
+  Ready: 'ready',
+  Provisioned: 'provisioned'
 };
 
 export const ClusterStatusLabelMap = {
@@ -26,8 +25,9 @@ export const ProviderValueMap = {
   DigitalOcean: 'DigitalOcean',
   Docker: 'Docker',
   HuaweiCloud: 'HuaweiCloud',
-  AliCloud: 'AliCloud',
-  TencentCloud: 'TencentCloud'
+  AliCloud: 'AlibabaCloud',
+  TencentCloud: 'TencentCloud',
+  AWS: 'AWS'
 };
 
 export type ProviderType = keyof typeof ProviderValueMap | null | undefined;
@@ -68,71 +68,6 @@ export const vendorIconMap = {
   fedora: 'icon-fedora'
 };
 
-export const providerList = [
-  {
-    label: 'clusters.provider.custom',
-    locale: true,
-    value: ProviderValueMap.Docker,
-    key: ProviderValueMap.Docker,
-    icon: React.cloneElement(icons.Docker, {
-      style: { color: 'var(--ant-color-primary)' }
-    }),
-    group: 'Self-Managed'
-  },
-  {
-    label: 'Kubernetes',
-    locale: false,
-    value: ProviderValueMap.Kubernetes,
-    key: ProviderValueMap.Kubernetes,
-    icon: React.cloneElement(icons.KubernetesOutlined, {
-      style: { color: 'var(--ant-color-primary)' }
-    }),
-    group: 'Self-Managed'
-  },
-  {
-    label: 'DigitalOcean',
-    locale: false,
-    value: ProviderValueMap.DigitalOcean,
-    key: ProviderValueMap.DigitalOcean,
-    icon: React.cloneElement(icons.DigitalOcean, {
-      style: {
-        color: 'var(--ant-color-primary)'
-      }
-    }),
-    group: 'Cloud Provider'
-  },
-  {
-    label: 'Huawei Cloud',
-    locale: false,
-    disabled: true,
-    value: ProviderValueMap.HuaweiCloud,
-    key: ProviderValueMap.HuaweiCloud,
-    icon: icons.HuaweiCloud,
-    description: 'Comming soon',
-    group: 'Cloud Provider'
-  },
-  {
-    label: 'Ali Cloud',
-    locale: false,
-    disabled: true,
-    value: ProviderValueMap.AliCloud,
-    key: ProviderValueMap.AliCloud,
-    icon: icons.AliCloud,
-    description: 'Comming soon',
-    group: 'Cloud Provider'
-  },
-  {
-    label: 'Tencent Cloud',
-    locale: false,
-    disabled: true,
-    value: ProviderValueMap.TencentCloud,
-    key: ProviderValueMap.TencentCloud,
-    icon: icons.TencentCloud,
-    description: 'Comming soon',
-    group: 'Cloud Provider'
-  }
-];
-
 export const credentialActionList = [
   {
     key: 'edit',

src/pages/cluster-management/config/providers.ts

@@ -9,7 +9,7 @@ export default [
     value: ProviderValueMap.Docker,
     key: ProviderValueMap.Docker,
     icon: React.cloneElement(icons.DockerOutlined, {
-      style: { color: 'var(--ant-color-primary)' }
+      style: { color: 'var(--ant-blue-6)' }
     }),
     group: 'clusters.create.provider.self'
   },
@@ -19,7 +19,7 @@ export default [
     value: ProviderValueMap.Kubernetes,
     key: ProviderValueMap.Kubernetes,
     icon: React.cloneElement(icons.KubernetesFilled, {
-      style: { color: 'var(--ant-color-primary)' }
+      style: { color: 'var(--ant-blue-6)' }
     }),
     group: 'clusters.create.provider.self'
   },
@@ -30,13 +30,13 @@ export default [
     key: ProviderValueMap.DigitalOcean,
     icon: React.cloneElement(icons.DigitalOcean, {
       style: {
-        color: 'var(--ant-color-primary)'
+        color: 'var(--ant-blue-6)'
       }
     }),
     group: 'clusters.create.provider.cloud'
   },
   {
-    label: 'Ali Cloud',
+    label: 'Alibaba Cloud',
     locale: false,
     disabled: true,
     value: ProviderValueMap.AliCloud,
@@ -54,5 +54,15 @@ export default [
     icon: icons.TencentCloud,
     description: 'Coming soon',
     group: 'clusters.create.provider.cloud'
+  },
+  {
+    label: 'AWS',
+    locale: false,
+    disabled: true,
+    value: ProviderValueMap.AWS,
+    key: ProviderValueMap.AWS,
+    icon: icons.AWS,
+    description: 'Comming soon',
+    group: 'clusters.create.provider.cloud'
   }
 ];

src/pages/cluster-management/credentials.tsx

@@ -31,7 +31,12 @@ const addActions = [
     locale: false,
     key: ProviderValueMap.DigitalOcean,
     value: ProviderValueMap.DigitalOcean,
-    icon: <IconFont type="icon-digitalocean" />
+    icon: (
+      <IconFont
+        type="icon-digitalocean"
+        style={{ color: 'var(--ant-blue-6)' }}
+      />
+    )
   }
 ];