querying

Author: Alban Bailly

gatsby-node.js

@@ -113,6 +113,7 @@ exports.createPages = async ({ actions, graphql }) => {
       allPaths {
         edges {
           node {
+            id
             name
           }
         }

src/components/2_molecules/sidemenu.js

@@ -8,13 +8,23 @@ const SideMenu = ({ data }) => {
       {nodes.map((node, i) => {
         const n = node.node;
         return (
-          <li key={i} className="list-reset">
-            <a href={`/api/v4${n.name}`}>
-              {(n.get && n.get.summary) ||
-                (n.post && n.post.summary) ||
-                (n.put && n.put.summary)}
-            </a>
-          </li>
+          <div key={i}>
+            {n.get && (
+              <li className="list-reset">
+                <a href={`/api/v4${n.name}`}>{n.get.summary}</a>
+              </li>
+            )}
+            {n.post && (
+              <li className="list-reset">
+                <a href={`/api/v4${n.name}`}>{n.post.summary}</a>
+              </li>
+            )}
+            {n.put && (
+              <li className="list-reset">
+                <a href={`/api/v4${n.name}`}>{n.put.summary}</a>
+              </li>
+            )}
+          </div>
         );
       })}
     </ul>
@@ -28,9 +38,6 @@ export default props => (
         allPaths {
           edges {
             node {
-              internal {
-                contentDigest
-              }
               name
               get {
                 summary

src/components/5_templates/api.js

@@ -1,21 +1,78 @@
 import React from "react";
+import { graphql } from "gatsby";
 
 import Layout from "../../components/4_layouts/layout";
 import SEO from "../../components/0_utlilities/seo";
 import Sidebar from "../../components/2_molecules/sidemenu";
 
-const apiPage = () => {
+const apiPage = ({ data }) => {
+  // const node = pageContext.name;
+  const n = data.allPaths.edges[0].node;
+  console.log(n);
   return (
     <Layout title="API Documentation" subtitle="Linode API Documentation">
       <SEO title="API Documentation" description="" />
       <div className="flex flex-wrap">
         <div className="w-full md:w-1/4 mt-8">
           <Sidebar />
         </div>
-        poos
+        <div className="w-full md:w-3/4 pl-8">
+          <h1>
+            {n.name}
+            {/* {(n.get && n.get.tags) ||
+              (n.post && n.post.tags) ||
+              (n.put && n.put.tags)} */}
+          </h1>
+        </div>
       </div>
     </Layout>
   );
 };
 
 export default apiPage;
+
+export const query = graphql`
+  query ApiQuery($name: String) {
+    allPaths(filter: { name: { in: [$name] } }) {
+      edges {
+        node {
+          internal {
+            contentDigest
+          }
+          name
+          get {
+            x_linode_grant
+            summary
+            description
+            operationId
+            x_linode_cli_action
+            x_linode_cli_skip
+            x_linode_redoc_load_ids
+            x_linode_cli_command
+            tags
+          }
+          post {
+            x_linode_grant
+            summary
+            description
+            operationId
+            x_linode_cli_action
+            x_linode_cli_command
+            x_linode_charge
+            x_linode_cli_skip
+          }
+          put {
+            x_linode_grant
+            summary
+            description
+            operationId
+            x_linode_cli_action
+            x_linode_cli_skip
+          }
+        }
+      }
+    }
+  }
+`;
+
+// export default apiPage;