Refactor Message style for different type

snapdao · Sep 15, 2023 · e0086f7 · e0086f7
1 parent 7e2f292
commit e0086f7
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/example/src/kits/Message/styles.ts b/packages/example/src/kits/Message/styles.ts
@@ -32,8 +32,9 @@ export const MessageContent = styled.div`
 
 export const MessageCopy = styled.span<{ type: MessageType }>`
   font-weight: 600;
-  color: ${(props) =>
-    props.type === MessageType.Error ? '#F54814' : (
-      props.type === MessageType.Succeed ? '#21A35D' : '#1F69FF'
-    )};
+  color: ${(props) => ({
+    [MessageType.Error]: '#F54814',
+    [MessageType.Succeed]: '#21A35D',
+    [MessageType.Info]: '#1F69FF',
+  }[props.type])};
 `;