conditional render

Telefonica · Nov 19, 2024 · c5a4841 · c5a4841
1 parent 6ef6a11
commit c5a4841
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/cover-hero.tsx b/src/cover-hero.tsx
@@ -156,7 +156,7 @@ const CoverHero = React.forwardRef<HTMLDivElement, CoverHeroProps>(
                         </div>
                     )}
                 </Stack>
-                <div data-testid="slot">{extra}</div>
+                {extra && <div data-testid="slot">{extra}</div>}
             </div>
         );
 

diff --git a/src/header.tsx b/src/header.tsx
@@ -72,7 +72,7 @@ export const Header = ({
             {(title || pretitle || description) && (
                 <Box paddingRight={16}>
                     <Stack space={8}>
-                        <div data-testid="headline">{headline}</div>
+                        {headline && <div data-testid="headline">{headline}</div>}
                         {renderPretitle()}
                         {title &&
                             (small ? (
-Original file line number
+Diff line change
@@ Expand Up @@
                             </div>
                         )}
                     </Stack>
-                    <div data-testid="slot">{extra}</div>
+                    {extra && <div data-testid="slot">{extra}</div>}
                 </div>
             );
@@ Expand Down @@