feat: nodes list

src/config/index.ts

@@ -1,7 +1,31 @@
-import { PageActionType } from './types';
+import { PageActionType, StatusType } from './types';
 
 export const PageAction: Record<string, PageActionType> = {
   CREATE: 'create',
   UPDATE: 'update',
   VIEW: 'view'
 };
+
+export const StatusColorMap: Record<StatusType, { text: string; bg: string }> =
+  {
+    error: {
+      text: `var(--ant-red-6)`,
+      bg: `var(--ant-red-1)`
+    },
+    warning: {
+      text: `var(--ant-orange-6)`,
+      bg: `var(--ant-orange-1)`
+    },
+    transitioning: {
+      text: `var(--ant-blue-6)`,
+      bg: `var(--ant-blue-1)`
+    },
+    success: {
+      text: `var(--ant-color-primary)`,
+      bg: `var(--ant-green-1)`
+    },
+    inactive: {
+      text: `var(--ant-color-border)`,
+      bg: `var(--ant-color-fill)`
+    }
+  };

src/config/types.ts

@@ -7,3 +7,10 @@ export interface DropDownItem {
 }
 
 export type PageActionType = 'create' | 'update' | 'view';
+
+export type StatusType =
+  | 'error'
+  | 'warning'
+  | 'transitioning'
+  | 'success'
+  | 'inactive';