feat(components): Add new prop to handle show icon or not (noIcon pro…

…p: boolean) on TotalLayoutHeader.
leemonade · Oct 23, 2024 · 2aa31e4 · 2aa31e4
1 parent e1c35a2
commit 2aa31e4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.constants.js b/packages/components/src/layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.constants.js
@@ -13,6 +13,7 @@ export const TOTAL_LAYOUT_HEADER_PROP_TYPES = {
   cancelable: PropTypes.bool,
   direction: PropTypes.oneOf(['row', 'column']),
   rightZone: PropTypes.node,
+  noIcon: PropTypes.bool,
 };
 
 export const TOTAL_LAYOUT_HEADER_DEFAULT_PROPS = {
@@ -24,6 +25,7 @@ export const TOTAL_LAYOUT_HEADER_DEFAULT_PROPS = {
   cancelable: true,
   direction: 'column',
   rightZone: null,
+  noIcon: false,
 };
 
 export const TOTAL_LAYOUT_HEADER_HEIGHT = 72;
diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.js b/packages/components/src/layout/TotalLayout/TotalLayoutHeader/TotalLayoutHeader.js
@@ -25,6 +25,7 @@ const TotalLayoutHeader = ({
   cancelable = true,
   mainActionLabel = 'Cancelar',
   rightZone = null,
+  noIcon = false,
   ...props
 }) => {
   const formContext = useFormContext();
@@ -50,7 +51,7 @@ const TotalLayoutHeader = ({
         {/* ICON & LABELS */}
         <Stack alignItems="center">
           <Stack>
-            <Box className={classes.iconContainer}>{icon}</Box>
+            {!noIcon && <Box className={classes.iconContainer}>{icon}</Box>}
             <Stack
               spacing={compact ? 2 : 0}
               justifyContent="center"