feat: populate side nav from json file

newrelic · May 18, 2020 · 447e68c · 447e68c
1 parent 35d320e
commit 447e68c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 19 deletions.
diff --git a/src/data/sidenav.json b/src/data/sidenav.json
@@ -0,0 +1,7 @@
+[
+  {
+    "displayName": "Guides",
+    "url": "/guides",
+    "children": []
+  }
+]
diff --git a/src/pages/reference.js b/src/pages/reference.js
@@ -1,33 +1,16 @@
 import React, { useState } from 'react';
-import { useStaticQuery, graphql } from 'gatsby';
-
 import Container from '../components/Container';
 import Layout from '../components/Layout';
 import Sidebar from '../components/Sidebar';
-import navFromEdges from '../utils/nav-from-edges';
+
+import pages from '../data/sidenav.json';
 
 // TODO: move this js file to same directory and update import
 import '../templates/Reference.scss';
 
 const Reference = () => {
   const [isOpen, setIsOpen] = useState(false);
 
-  const data = useStaticQuery(graphql`
-    query {
-      allMarkdownRemark(limit: 1000) {
-        edges {
-          node {
-            frontmatter {
-              path
-              title
-            }
-          }
-        }
-      }
-    }
-  `);
-  const pages = navFromEdges(data.allMarkdownRemark.edges);
-
   return (
     <Layout>
       <Container className="ReferenceTemplate">