fix: action references spacing if no references exists

Author: mvriu5

src/components/PageBlockRenderer.tsx

@@ -94,10 +94,13 @@ const pageBlockRenderers: Partial<Record<PageBlock["blockType"], BlockRenderer>>
         )
     },
     actionReferences: (block, options) => {
+        const references = options.actionReferences ?? []
+        if (references.length === 0) return null
+
         const content = block as Extract<PageBlock, { blockType: "actionReferences" }>
         return (
             <ActionReferencesSection
-                references={options.actionReferences ?? []}
+                references={references}
                 locale={options.locale ?? "en"}
                 sectionHeading={content.sectionHeading}
                 sectionLayout={content.sectionLayout}

src/components/sections/ActionEventsSection.tsx

@@ -14,6 +14,7 @@ interface ActionEventsSectionProps {
 export function ActionEventsSection({ moduleJson, sectionHeading, sectionLayout, sectionDescription, sectionLinkButton }: ActionEventsSectionProps) {
     const events = extractFlowTypesFromJson(moduleJson)
     if (!events.length) return null
+
     const columnCount = Math.min(events.length, 3)
     const columns = Array.from({ length: columnCount }, (_, columnIndex) => events.filter((_, itemIndex) => itemIndex % columnCount === columnIndex))
 

src/components/sections/ActionReferencesSection.tsx

@@ -14,6 +14,7 @@ interface ActionReferencesSectionProps {
 
 export function ActionReferencesSection({ references, locale, sectionHeading, sectionLayout, sectionDescription, sectionLinkButton }: ActionReferencesSectionProps) {
     if (!references.length) return null
+
     return (
         <Section heading={sectionHeading} description={sectionDescription} funnelType={sectionLayout ?? "left"} linkButton={sectionLinkButton} className="w-full">
             <div className="grid gap-4 md:grid-cols-2">