From 3765ff461a86d35808c356a508a5a936faa0ed0b Mon Sep 17 00:00:00 2001
From: yashsinghcodes <yash9vardhan@gmail.com>
Date: Fri, 10 May 2024 12:07:08 +0000
Subject: [PATCH] each heading embedded by link

---
 frontend/src/views/Docs.jsx | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/Docs.jsx b/frontend/src/views/Docs.jsx
index e6d8523d..d7c6b35f 100755
--- a/frontend/src/views/Docs.jsx
+++ b/frontend/src/views/Docs.jsx
@@ -367,8 +367,8 @@ const Docs = (defaultprops) => {
 
         const element = React.createElement(
             `h${props.level}`,
-            { style: { marginTop: props.level === 1 ? 20 : 50 }, id: `${id}` },
-            props.children
+            { id: `${id}` },
+            props.children,
         );
 
         const [hover, setHover] = useState(false);
@@ -475,7 +475,18 @@ const Docs = (defaultprops) => {
                         }}
                     />
                 ) : null}
-                {element}
+                <div style={{
+                    display: "flex", marginTop: props.level === 1 ? 20 : 50,
+                    marginBlock: "0.85em", alignItems: "center"
+                }}>
+                    {element}
+                    <a href={`#${id}`} style={{
+                        textDecoration: "none", color: "white",
+                        paddingLeft: "0.3em", rotate: "-30deg",
+                        paddingTop: "0.9em", display: props.level === 1 ? "none" : "block",
+                    }}><LinkIcon></LinkIcon></a>
+                </div>
+
                 {extraInfo}
             </Typography>
         )