skips the code part of the markdown

frontend/src/views/Docs.jsx

@@ -343,34 +343,33 @@ const Docs = (defaultprops) => {
         }
     }
 
-
-    // extract toc from all headings and subheadings
-    const extractHeadings = (content) => {
+    const extractHeadings = content => {
         const headings = [];
+        const lines = content.split('\n');
+        let inCodeBlock = false;
 
-        const headingRegex = /^(#{2,3})\s+(.+)$/gm;
-        let match;
+        for (const line of lines) {
+            if (line.startsWith('```')) {
+                inCodeBlock = !inCodeBlock;
+            }
 
-        while ((match = headingRegex.exec(content)) !== null) {
-            const level = match[1].length;
-            const title = match[2].trim();
+            if (!inCodeBlock) {
+                const headingMatch = line.match(/^(#{2,3})\s+(.+)$/);
+                if (headingMatch) {
+                    const level = headingMatch[1].length;
+                    const title = headingMatch[2].trim();
+                    const id = title.toLowerCase().replace(/\s+/g, '-');
 
                     if (level === 2) {
-                headings.push({
-                    id: title.toLowerCase().replace(/\s+/g, '-'),
-                    title: title,
-                    items: []
-                });
-            } else if (level === 3 && headings.length > 0) {
-                const lastHeading = headings[headings.length - 1];
-                lastHeading.items.push({
-                    id: title.toLowerCase().replace(/\s+/g, '-'),
-                    title: title
-                });
+                        headings.push({ id, title, items: [] });
+                    } else if (level === 3 && headings.length) {
+                        headings[headings.length - 1].items.push({ id, title });
                     }
                 }
-        return headings
             }
+        }
+        return headings;
+    };
 
 
     // extract TOC from actual markdown
@@ -587,7 +586,9 @@ const Docs = (defaultprops) => {
         alignSelf: "flex-start",
         position: "sticky",
         top: 80,
-        overflow: "auto",
+        overflowY: "auto",
+        minHeight: "93vh",
+        maxHeight: "93vh",
         marginTop: 70,
     }