feat(components): add withoutIcon prop to Message component

MTES-MCT · Nov 28, 2024 · 4e52cd9 · 4e52cd9
1 parent 96e9141
commit 4e52cd9
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/src/components/Message/index.tsx b/src/components/Message/index.tsx
@@ -13,15 +13,24 @@ export type MessageProps = HTMLAttributes<HTMLDivElement> & {
   children: ReactNode | string
   iconColor?: Level | undefined
   level?: Level | undefined
+  withoutIcon?: boolean
 }
-export function Message({ children, className, Icon, iconColor, level = Level.INFO, ...nativeProps }: MessageProps) {
+export function Message({
+  children,
+  className,
+  Icon,
+  iconColor,
+  level = Level.INFO,
+  withoutIcon,
+  ...nativeProps
+}: MessageProps) {
   const controlledClassName = classnames('Component-Message', className)
   const ControlledIcon = Icon ?? DEFAUT_ICON[level]
   const controlledIconColor = iconColor ?? DEFAULT_ICON_COLOR[level]
 
   return (
     <Box $level={level} className={controlledClassName} {...nativeProps}>
-      <ControlledIcon color={controlledIconColor} />
+      {!withoutIcon && <ControlledIcon color={controlledIconColor} />}
       <ChildrenContainer>{children}</ChildrenContainer>
     </Box>
   )
@@ -41,7 +50,6 @@ const Box = styled.div<{
 }>`
   ${getStyledCssFromLevel()}
 
-  border-radius: 2px;
   display: flex;
   font-size: 13px;
   padding: 16px;

diff --git a/src/components/Message/utils.ts b/src/components/Message/utils.ts
@@ -12,12 +12,11 @@ export function getStyledCssFromLevel() {
           color: ${props.theme.color.gunMetal};
         `
 
-      // TODO Check `border-color` with Adeline.
       case props.$level === Level.INFO:
       default:
         return `
             background-color: ${props.theme.color.blueGray25};
-            border: solid 1px ${props.theme.color.blueGrayBorder};
+            border: solid 1px #AECEEA;
             color: ${props.theme.color.gunMetal};
           `
     }