Extract icon mapping into a variable outside the component

ita-social-projects · Nov 27, 2024 · f905a54 · f905a54
1 parent 765a6ab
commit f905a54
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/src/design-system/components/alert/Alert.tsx b/src/design-system/components/alert/Alert.tsx
@@ -36,6 +36,15 @@ const CloseButton = ({ label }: CloseButtonProps) => {
   )
 }
 
+CloseButton.displayName = 'CloseButton'
+
+const iconMapping = {
+  error: <ErrorOutline fontSize='inherit' />,
+  warning: <WarningAmberOutlined fontSize='inherit' />,
+  info: <InfoOutlined fontSize='inherit' />,
+  success: <CheckCircleOutline fontSize='inherit' />
+}
+
 interface AlertProps extends MuiAlertProps {
   title?: string
   description?: string
@@ -68,12 +77,7 @@ const Alert = forwardRef(
       <MuiAlert
         className={cn('s2s-alert', className)}
         icon={icon}
-        iconMapping={{
-          error: <ErrorOutline fontSize='inherit' />,
-          warning: <WarningAmberOutlined fontSize='inherit' />,
-          info: <InfoOutlined fontSize='inherit' />,
-          success: <CheckCircleOutline fontSize='inherit' />
-        }}
+        iconMapping={iconMapping}
         onClose={handleClose}
         ref={forwardedRef}
         slots={{