summaryrefslogtreecommitdiffstats
path: root/src/components/templates/page/page-layout.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-05-09 18:19:38 +0200
committerArmand Philippot <git@armandphilippot.com>2022-05-09 19:41:02 +0200
commit0d59a6d2995b4119865271ed1908ede0bb96497c (patch)
tree67688e41b7aa253aa58cc08aa360431b07382f9d /src/components/templates/page/page-layout.tsx
parent339c6957fe92c4ec1809159f09c55201d3794c18 (diff)
refactor: rewrite DescriptionList and Meta components
The meta can have different layout. The previous implementation was not enough to easily change the layout. Also, I prefer to restrict the meta types and it prevents me to repeat myself for the labels.
Diffstat (limited to 'src/components/templates/page/page-layout.tsx')
-rw-r--r--src/components/templates/page/page-layout.tsx14
1 files changed, 11 insertions, 3 deletions
diff --git a/src/components/templates/page/page-layout.tsx b/src/components/templates/page/page-layout.tsx
index 24c4e50..ac021ba 100644
--- a/src/components/templates/page/page-layout.tsx
+++ b/src/components/templates/page/page-layout.tsx
@@ -133,9 +133,17 @@ const PageLayout: FC<PageLayoutProps> = ({
)}
</Sidebar>
)}
- <div ref={bodyRef} className={styles.body}>
- {children}
- </div>
+ {typeof children === 'string' ? (
+ <div
+ ref={bodyRef}
+ className={styles.body}
+ dangerouslySetInnerHTML={{ __html: children }}
+ />
+ ) : (
+ <div ref={bodyRef} className={styles.body}>
+ {children}
+ </div>
+ )}
<PageFooter meta={footerMeta} className={styles.footer} />
<Sidebar className={`${styles.sidebar} ${styles['sidebar--last']}`}>
{widgets}