change section type name

nature-of-code · Jan 24, 2024 · 82f498e · 82f498e
1 parent ffb6ba0
commit 82f498e
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 15 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -15,7 +15,12 @@ module.exports = {
     `gatsby-plugin-image`,
     `gatsby-plugin-sharp`,
     `gatsby-transformer-sharp`,
-    `gatsby-transformer-json`,
+    {
+      resolve: `gatsby-transformer-json`,
+      options: {
+        typeName: 'BookSection',
+      },
+    },
     `gatsby-plugin-postcss`,
     `gatsby-plugin-react-helmet`,
   ],

diff --git a/gatsby/create-pages.js b/gatsby/create-pages.js
@@ -5,7 +5,7 @@ module.exports = async ({ graphql, actions, reporter }) => {
 
   const result = await graphql(`
     query {
-      allChaptersJson {
+      allBookSection {
         edges {
           previous {
             id
@@ -26,11 +26,11 @@ module.exports = async ({ graphql, actions, reporter }) => {
     reporter.panicOnBuild('🚨  ERROR: Loading "createPages" query');
   }
 
-  // Create a page for each chapter
-  const chapters = result.data.allChaptersJson.edges;
+  // Create a page for each sections
+  const sections = result.data.allBookSection.edges;
 
-  if (chapters.length > 0) {
-    chapters.forEach(({ previous, node, next }) => {
+  if (sections.length > 0) {
+    sections.forEach(({ previous, node, next }) => {
       const previousId = previous === null ? null : previous.id;
       const nextId = next === null ? null : next.id;
 

diff --git a/gatsby/create-resolvers.js b/gatsby/create-resolvers.js
@@ -1,7 +1,7 @@
-// Add images field to each ChaptersJson node
 module.exports = ({ createResolvers }) => {
+  // Add images field
   const resolvers = {
-    ChaptersJson: {
+    BookSection: {
       images: {
         type: ['File'],
         resolve: async (source, args, context, info) => {

diff --git a/src/components/ChapterNav.js b/src/components/ChapterNav.js
@@ -4,7 +4,7 @@ import { useStaticQuery, graphql, Link } from 'gatsby';
 const ChapterNav = () => {
   const data = useStaticQuery(graphql`
     query QueryChaptersLink {
-      allChaptersJson {
+      allBookSection {
         edges {
           node {
             id
@@ -19,7 +19,7 @@ const ChapterNav = () => {
   return (
     <nav className="py-6">
       <ul className="space-y-1">
-        {data.allChaptersJson.edges.map(({ node }) => {
+        {data.allBookSection.edges.map(({ node }) => {
           return (
             <li key={node.slug}>
               <Link

diff --git a/src/layouts/ChapterLayout.js b/src/layouts/ChapterLayout.js
@@ -76,7 +76,7 @@ export default function ChapterLayout({ data }) {
 
 export const query = graphql`
   query ChapterById($id: String!, $previousId: String, $nextId: String) {
-    chapter: chaptersJson(id: { eq: $id }) {
+    chapter: bookSection(id: { eq: $id }) {
       id
       slug
       title
@@ -93,11 +93,11 @@ export const query = graphql`
         }
       }
     }
-    previous: chaptersJson(id: { eq: $previousId }) {
+    previous: bookSection(id: { eq: $previousId }) {
       slug
       title
     }
-    next: chaptersJson(id: { eq: $nextId }) {
+    next: bookSection(id: { eq: $nextId }) {
       slug
       title
     }

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -13,7 +13,7 @@ export default function IndexPage({ data }) {
 
       <div className="py-8 px-6 mx-auto prose">
         <ul>
-          {data.allChaptersJson.edges.map(({ node }) => {
+          {data.allBookSection.edges.map(({ node }) => {
             return (
               <li key={node.id}>
                 <Link to={`/${node.slug}/`}>{node.title}</Link>
@@ -28,7 +28,7 @@ export default function IndexPage({ data }) {
 
 export const query = graphql`
   query QueryChapters {
-    allChaptersJson {
+    allBookSection {
       edges {
         node {
           id