feat: new case studies

gatsby-node.js

@@ -3,6 +3,8 @@ const reviews = require("./src/data/reviews.json");
 const caseStudies = require("./src/data/case-studies.json");
 const team = require("./src/data/team.json");
 
+const padZero = n => (n < 10 ? `0${n}` : n);
+
 exports.sourceNodes = ({ actions, createNodeId, createContentDigest }) => {
   team.team.forEach(person => {
     const { name, email, phone, altPhone, title } = person;
@@ -50,6 +52,7 @@ exports.sourceNodes = ({ actions, createNodeId, createContentDigest }) => {
         content
       } = cs;
       const node = {
+        index: i,
         path: `/services/${key}/case-study-${i + 1}`,
         type: key,
         title,
@@ -83,7 +86,7 @@ exports.createPages = async ({ actions }) => {
         component: template,
         context: {
           pagePath: path,
-          images: `/${key}-cs${i + 1}(.*).jpg$/`
+          images: `/${key}-cs${padZero(i + 1)}(.*).jpg$/`
         }
       });
     });

src/case-study.js

@@ -102,21 +102,3 @@ export const query = graphql`
     }
   }
 `;
-/*
-    images: allFile
-      filter: { relativePath: { regex: $images } }
-      sort: { fields: relativePath }
-    ) {
-      nodes {
-        childImageSharp {
-          thumb: fluid(maxWidth: 256, maxHeight: 256, quality: 80) {
-            ...GatsbyImageSharpFluid_withWebp
-          }
-          full: fluid(maxWidth: 1280, quality: 90) {
-            ...GatsbyImageSharpFluid_withWebp
-          }
-        }
-      }
-    }
-  }
-`;*/

src/data/case-studies.json

@@ -134,6 +134,41 @@
         "Total price for labour and materials: £4,400.",
         "(This does not include bathroom suite or tiles)"
       ]
+    },
+    {
+      "title": "Mosaic Tiling",
+      "titleColor": "white",
+      "location": "Brentwood, Essex",
+      "image": 12,
+      "key_features": "Electric alcove, Mosaic tiling, Under floor heating",
+      "price": "£5,500",
+      "time_taken": "12 days",
+      "date": "November 2020",
+      "content": [
+        "Completely strip out old bathroom and dispose of all rubbish.",
+        "Relocate soil pipe to install toilet in new location.",
+        "Fitted electric under floor heating.",
+        "Installed mosaic wall tiles.",
+        "Total price for labour and materials: £5,500.",
+        "(This does not include bathroom suite or tiles)"
+      ]
+    },
+    {
+      "title": "Victorian Look",
+      "titleColor": "dark-grey",
+      "location": "Fulham, London",
+      "image": 3,
+      "key_features": "Walk in shower, Victorian style tiling",
+      "price": "£4,500",
+      "time_taken": "10 days",
+      "date": "February 2021",
+      "content": [
+        "Stripped out old bathroom and disposed of all rubbish.",
+        "Tiled wall and floor with Victorian style tiling",
+        "Recessed plumbing for wall mounted shower unit",
+        "Total price for labour and materials: £5,500.",
+        "(This does not include bathroom suite or tiles)"
+      ]
     }
   ],
   "tiling": [

src/pages/services/bathrooms.js

@@ -65,7 +65,7 @@ export const query = graphql`
     }
     caseStudies: allCaseStudy(
       filter: { type: { eq: "bathrooms" } }
-      sort: { fields: path }
+      sort: { fields: index }
     ) {
       nodes {
         title
@@ -75,7 +75,9 @@ export const query = graphql`
     }
     images: allFile(
       filter: {
-        relativePath: { regex: "/bathrooms-cs(1a|2a|3a|4a|5a|6a|7a|8j).jpg$/" }
+        relativePath: {
+          regex: "/bathrooms-cs(01a|02a|03a|04a|05a|06a|07a|08j|09m|10d).jpg$/"
+        }
       }
       sort: { fields: relativePath }
     ) {

src/pages/services/tiling.js

@@ -50,7 +50,7 @@ export const query = graphql`
     }
     caseStudies: allCaseStudy(
       filter: { type: { eq: "tiling" } }
-      sort: { fields: path }
+      sort: { fields: index }
     ) {
       nodes {
         title
@@ -59,7 +59,9 @@ export const query = graphql`
       }
     }
     images: allFile(
-      filter: { relativePath: { regex: "/tiling-cs(1d|2e|3a|4a|5a|6a).jpg$/" } }
+      filter: {
+        relativePath: { regex: "/tiling-cs(01d|02e|03a|04a|05a|06a).jpg$/" }
+      }
       sort: { fields: relativePath }
     ) {
       nodes {