SBIT-299: Refactor URL creation for landing pages & add new hook

gatsby-config.js

@@ -12,7 +12,7 @@ module.exports = {
       options: {
         // You can add multiple tracking ids and a pageview event will be fired for all of them.
         trackingIds: [
-          "G-BKGQR6SJWV", // Google Analytics / G
+          "G-F6VPYEJ1X0", // Google Analytics / G
         ],
         // This object is used for configuration specific to this plugin
         pluginConfig: {

gatsby-node.js

@@ -1,4 +1,4 @@
-const path = require("path")
+const path = require("path");
 const FilterWarningsPlugin = require("webpack-filter-warnings-plugin");
 
 exports.onCreateWebpackConfig = ({ actions }) => {
@@ -32,7 +32,7 @@ exports.createSchemaCustomization = ({ actions }) => {
     homeSchema.value +
     iconSchema.value +
     landingSchema.value +
-    layoutSchema.value + 
+    layoutSchema.value +
     professionalsSchema.value +
     generalSchema.value
   createTypes(typeDefs)
@@ -71,6 +71,9 @@ exports.createPages = async ({ graphql, actions }) => {
       allStrapiLandingPage {
         nodes {
           slug
+          parent_page {
+            slug
+          }
         }
       }
     }
@@ -80,10 +83,28 @@ exports.createPages = async ({ graphql, actions }) => {
     reporter.panicOnBuild("Error creando paginas de landing")
   }
 
-  LandingQueryData.allStrapiLandingPage.nodes.forEach(node => {
+  const landings = LandingQueryData.allStrapiLandingPage.nodes;
+
+  function getUrl(node) {
+    if (!node) return ""
+
+    if (node.parent_page) {
+      const parentPage = landings.find((landing) =>
+        landing.slug === node.parent_page.slug
+      )
+      const parentUrl = getUrl(parentPage)
+      return `${parentUrl}/${node.slug}`
+    }
+
+    return `/${node.slug}`
+  }
+
+  landings.forEach(node => {
     const LandingPage = path.resolve("./src/templates/LandingPage.js")
+    const url = getUrl(node)
+
     createPage({
-      path: "/" + node.slug,
+      path: url,
       component: LandingPage,
       context: { slug: node.slug },
     })