feat(components): add new prop to hide icon in TotalLayoutHeader

Ticket: issue/Community-300 Reviewed-by: @MIGUELez11 Refs: #198
leemonade · Oct 25, 2024 · 51afd9f · 51afd9f
1 parent 6a79a4f
commit 51afd9f
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"