Prevent rendering of container if empty layout

kausaltech · Sep 27, 2023 · 240100f · 240100f
1 parent 1c7dcf5
commit 240100f
Showing 1 changed file with 17 additions and 16 deletions.
diff --git a/components/contentblocks/CategoryPageHeaderBlock.tsx b/components/contentblocks/CategoryPageHeaderBlock.tsx
@@ -178,22 +178,23 @@ interface CategoryHeaderAttributesProps extends Pick<Props, 'page'> {
 const CategoryHeaderAttributes = ({
   layout,
   page,
-}: CategoryHeaderAttributesProps) => (
-  <AttributesContainer>
-    <Attributes>
-      <Row>
-        {layout.map((block, i) => (
-          <CategoryPageStreamField
-            key={i}
-            block={block}
-            page={page}
-            context="hero"
-          />
-        ))}
-      </Row>
-    </Attributes>
-  </AttributesContainer>
-);
+}: CategoryHeaderAttributesProps) =>
+  layout.length ? (
+    <AttributesContainer>
+      <Attributes>
+        <Row>
+          {layout.map((block, i) => (
+            <CategoryPageStreamField
+              key={i}
+              block={block}
+              page={page}
+              context="hero"
+            />
+          ))}
+        </Row>
+      </Attributes>
+    </AttributesContainer>
+  ) : null;
 
 interface LegacyCategoryHeaderAttributesProps
   extends Pick<Props, 'attributes' | 'categoryId' | 'typeId'> {