From 1255eba3435ba78d79e0fbe171cab080ad0e9047 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 6 Mar 2025 17:59:27 +0100
Subject: [PATCH 1/3] website: Simplify h4 heading component rendering

---
 src/components/UI/docs/MDComponents.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/UI/docs/MDComponents.tsx b/src/components/UI/docs/MDComponents.tsx
index a169eb8779..0e082c08d9 100644
--- a/src/components/UI/docs/MDComponents.tsx
+++ b/src/components/UI/docs/MDComponents.tsx
@@ -92,11 +92,9 @@ const MDComponents = {
     );
   },
   h4: ({ children }: any) => {
-    const { children: parsedChildren, headingId } = parseHeadingId(children);
-
     return (
-      <Heading as='h4' mb='2.5 !important' {...h4} id={headingId}>
-        {parsedChildren}
+      <Heading as='h4' mb='2.5 !important' {...h4} id={children}>
+        {children}
       </Heading>
     );
   },

From c05e2de9634384eb51c0c8a108f73b891e0be2d9 Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Thu, 6 Mar 2025 18:03:39 +0100
Subject: [PATCH 2/3] website: Filter out h4 headings from document navigation

---
 src/components/UI/docs/DocumentNav.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/UI/docs/DocumentNav.tsx b/src/components/UI/docs/DocumentNav.tsx
index 6ed28e9873..26f792a1fa 100644
--- a/src/components/UI/docs/DocumentNav.tsx
+++ b/src/components/UI/docs/DocumentNav.tsx
@@ -14,6 +14,7 @@ export const DocumentNav: FC<Props> = ({ content }) => {
     .split('\n\n')
     .map(item => item.replace(/[\n\r]/g, ''))
     .filter(item => item.startsWith('##'))
+    .filter(item => !item.startsWith('####'))
     .map(item => parseHeadingId([item]))
     .filter(item => item);
 

From 5bf1c0ffddd4de60f6f4e1113940fc57d2b7dc7f Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Fri, 7 Mar 2025 11:04:18 +0100
Subject: [PATCH 3/3] website: Remove h4 heading component and update document
 navigation

---
 src/components/UI/docs/DocumentNav.tsx  | 2 +-
 src/components/UI/docs/MDComponents.tsx | 7 -------
 2 files changed, 1 insertion(+), 8 deletions(-)

diff --git a/src/components/UI/docs/DocumentNav.tsx b/src/components/UI/docs/DocumentNav.tsx
index 26f792a1fa..ebf3467919 100644
--- a/src/components/UI/docs/DocumentNav.tsx
+++ b/src/components/UI/docs/DocumentNav.tsx
@@ -16,7 +16,7 @@ export const DocumentNav: FC<Props> = ({ content }) => {
     .filter(item => item.startsWith('##'))
     .filter(item => !item.startsWith('####'))
     .map(item => parseHeadingId([item]))
-    .filter(item => item);
+    .filter(item => item)
 
   const activeHash = useActiveHash(parsedHeadings.map(heading => heading!.headingId));
 
diff --git a/src/components/UI/docs/MDComponents.tsx b/src/components/UI/docs/MDComponents.tsx
index 0e082c08d9..1ef14b76de 100644
--- a/src/components/UI/docs/MDComponents.tsx
+++ b/src/components/UI/docs/MDComponents.tsx
@@ -91,13 +91,6 @@ const MDComponents = {
       </Heading>
     );
   },
-  h4: ({ children }: any) => {
-    return (
-      <Heading as='h4' mb='2.5 !important' {...h4} id={children}>
-        {children}
-      </Heading>
-    );
-  },
   // tables
   table: ({ children }: any) => (
     <Flex overflowX='auto'>