Improvement: Use pointer on hover over modules

gatsby-node.js

@@ -68,7 +68,6 @@ exports.createPages = ({ graphql, actions }) => {
                   htmlAst
                   tableOfContents
                   frontmatter {
-                    slug
                     title
                     app
                     module
@@ -298,19 +297,19 @@ const createReadTheDocsPage = async (createPage, name, list) => {
     }
   })
 
-  list.forEach((element) => {
-    createMarkdownPage(createPage, element)
-  })
+  // list.forEach((element) => {
+  //   createMarkdownPage(createPage, element)
+  // })
 }
 
-const createMarkdownPage = async (createPage, element) => {
-  // console.log("element", JSON.stringify(element.node.frontmatter))
-  const markdownTemplate = path.resolve('./src/templates/MarkdownTemplate.jsx')
-  createPage({
-    path: element.node.frontmatter.slug,
-    component: markdownTemplate
-  })
-}
+// const createMarkdownPage = async (createPage, element) => {
+//   // console.log("element", JSON.stringify(element.node.frontmatter))
+//   const markdownTemplate = path.resolve('./src/templates/MarkdownTemplate.jsx')
+//   createPage({
+//     path: element.node.frontmatter.slug,
+//     component: markdownTemplate
+//   })
+// }
 
 const filterMarkdownList = (markdownList, string) => {
   return markdownList.filter(({ node }) => node.frontmatter.app === string)

src/templates/Markdown/Markdown.module.scss

@@ -6,7 +6,6 @@
   padding: $spacer / 6 $spacer / 2;
   border-left: 0.1rem solid transparent;
   margin-left: -0.05rem;
-  cursor: 'pointer';
 
   &:hover,
   &:focus {
@@ -23,7 +22,6 @@
   composes: link;
   color: $brand-purple;
   border-left-color: $brand-purple;
-  cursor: 'pointer';
 
   :global(.setup) & {
     color: $brand-blue;

src/templates/Markdown/MarkdownList.jsx

@@ -45,7 +45,7 @@ export default function MarkdownList({ pageContext }) {
       selectedModule.id === id ? moduleStyles.active : moduleStyles.link
 
     return (
-      <li key={id} id={id}>
+      <li key={id} id={id} style={{ cursor: 'pointer' }}>
         <a className={className} onClick={() => changeNodeid(id)}>
           {label}
         </a>