From 8c91219134fce010ac0854c5e31cee4b190cd0f2 Mon Sep 17 00:00:00 2001
From: "Tom (plebeius.eth)" <tom@plebbit.com>
Date: Tue, 17 Sep 2024 17:02:58 +0200
Subject: [PATCH] style(markdown): render headers as paragraphs

---
 src/components/markdown/markdown.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/markdown/markdown.tsx b/src/components/markdown/markdown.tsx
index 8ba27587..6fc19b21 100644
--- a/src/components/markdown/markdown.tsx
+++ b/src/components/markdown/markdown.tsx
@@ -167,11 +167,16 @@ const Markdown = ({ content, title }: MarkdownProps) => {
         rehypePlugins={[[rehypeSanitize, customSchema]]}
         components={{
           p: ({ children }) => <p className={isInCatalogView ? styles.inline : ''}>{children}</p>,
+          h1: ({ children }) => <p className={styles.header}>{children}</p>,
+          h2: ({ children }) => <p className={styles.header}>{children}</p>,
+          h3: ({ children }) => <p className={styles.header}>{children}</p>,
+          h4: ({ children }) => <p className={styles.header}>{children}</p>,
+          h5: ({ children }) => <p className={styles.header}>{children}</p>,
+          h6: ({ children }) => <p className={styles.header}>{children}</p>,
           img: ({ src }) => <span>{src}</span>,
           video: ({ src }) => <span>{src}</span>,
           iframe: ({ src }) => <span>{src}</span>,
           source: ({ src }) => <span>{src}</span>,
-          hr: () => null,
           a: ({ href, children }) => {
             if (href && !isInCatalogView) {
               const linkMediaInfo = getLinkMediaInfo(href);