From 31c52821129d08680995846166d310dc472c8cf4 Mon Sep 17 00:00:00 2001
From: Kevin Matsubara <kevin.matsubara@proton.me>
Date: Sat, 26 Oct 2024 12:33:09 +0200
Subject: [PATCH] Parse markdown h4 and h5 to have anchors.

---
 src/Pages/markdownPage.js | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/Pages/markdownPage.js b/src/Pages/markdownPage.js
index d251b33..7c26df1 100644
--- a/src/Pages/markdownPage.js
+++ b/src/Pages/markdownPage.js
@@ -13,6 +13,14 @@ const MyParagraph = ({ children, ...props }) => {
     return (<h1 {...props}>{children}</h1>);
 }
 
+const Myh4 = ({ children }) => {
+    return (<h4 id={children}>{children}</h4>);
+}
+
+const Myh5 = ({ children }) => {
+    return (<h5 id={children}>{children}</h5>);
+}
+
 const MyImage = ({ src, alt }) => {
     return (
         <picture>
@@ -103,6 +111,12 @@ const MarkdownPage = ({ md }) => {
                             className: 'text-primary',
                         },
                     },
+                    h4: {
+                        component: Myh4
+                    },
+                    h5: {
+                        component: Myh5
+                    },
                     img: {
                         component: MyImage
                     },