@t2ca/gatsby-theme-showcase 1.0.59 → 1.0.61

package/gatsby-node.js

@@ -15,7 +15,7 @@ exports.createSchemaCustomization = ({ actions }) => {
   const { createTypes } = actions
 
   const typeDefs = `
-    type ProjectYaml implements Node @infer {
+    type ProjectsYaml implements Node @infer {
       id: ID!
       slug: String!
       date: Date @dateformat
@@ -28,7 +28,7 @@ exports.createSchemaCustomization = ({ actions }) => {
 exports.createResolvers = ({ createResolvers }, options) => {
   const basePath = options.basePath || "/"
 
-  const slugify = str => {
+  const slugify = (str) => {
     const slug = str
       .toLowerCase()
       .replace(/[^a-z0-9]+/g, "-")
@@ -38,9 +38,9 @@ exports.createResolvers = ({ createResolvers }, options) => {
   }
 
   createResolvers({
-    ProjectYaml: {
+    ProjectsYaml: {
       slug: {
-        resolve: source => slugify(source.title),
+        resolve: (source) => slugify(source.title),
       },
     },
   })
@@ -56,7 +56,7 @@ exports.createPages = async ({ actions, graphql, reporter }, options) => {
 
   const result = await graphql(`
     query {
-      allProjectYaml(sort: { fields: slug, order: ASC }) {
+      allProjectsYaml(sort: { fields: slug, order: ASC }) {
         nodes {
           id
           slug
@@ -70,9 +70,9 @@ exports.createPages = async ({ actions, graphql, reporter }, options) => {
     return
   }
 
-  const projects = result.data.allProjectYaml.nodes
+  const projects = result.data.allProjectsYaml.nodes
 
-  projects.forEach(project => {
+  projects.forEach((project) => {
     const slug = project.slug
 
     actions.createPage({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@t2ca/gatsby-theme-showcase",
-  "version": "1.0.59",
+  "version": "1.0.61",
   "main": "index.js",
   "license": "MIT",
   "devDependencies": {

package/src/components/sidebar.js

@@ -1,21 +1,11 @@
 /** @jsx jsx */
-import React from "react"
 import { jsx } from "theme-ui"
-import { AccordionNav } from "@theme-ui/sidenav"
+import { Sidenav } from "@theme-ui/sidenav"
 import NavLink from "./nav-link"
-import MenuList from "../menu.mdx"
-
-const components = {
-  wrapper: AccordionNav,
-  a: NavLink,
-}
-
-export default ({ menuList, open }) => {
-  const Menu = menuList || MenuList
 
+export default ({ menuLinks, open }) => {
   return (
-    <Menu
-      components={components}
+    <Sidenav
       sx={{
         px: 3,
         pt: 3,
@@ -29,6 +19,15 @@ export default ({ menuList, open }) => {
         transform: [open ? "translateX(0)" : "translate(-100%) !important"],
         zIndex: 10,
       }}
-    />
+    >
+      <ul sx={{ listStyle: `none`, p: 0, m: 0 }}>
+        {menuLinks &&
+          menuLinks.map(({ node: { label, link, id } }) => (
+            <li key={id}>
+              <NavLink to={link}>{label}</NavLink>
+            </li>
+          ))}
+      </ul>
+    </Sidenav>
   )
 }

package/src/templates/project.js

@@ -19,7 +19,7 @@ export default ProjectTemplates
 
 export const query = graphql`
   query($projectID: String!) {
-    projectYaml(id: { eq: $projectID }) {
+    projectsYaml(id: { eq: $projectID }) {
       title
       url
       body

package/src/templates/projects.js

@@ -3,10 +3,10 @@ import { graphql, useStaticQuery } from "gatsby"
 import Layout from "../components/layout"
 import ProjectList from "../components/project-list"
 
-const ProjectsTemplates = props => {
+const ProjectsTemplates = (props) => {
   const data = useStaticQuery(graphql`
     query {
-      allProjectYaml(sort: { fields: slug, order: ASC }) {
+      allProjectsYaml(sort: { fields: slug, order: ASC }) {
         nodes {
           id
           title
@@ -16,7 +16,7 @@ const ProjectsTemplates = props => {
     }
   `)
 
-  const projects = data.allProjectYaml.nodes
+  const projects = data.allProjectsYaml.nodes
 
   const styles = {
     bg: `Menu`,