Fix speakers page creation & fix minor ui errors

.github/workflows/gatsby.yml

@@ -0,0 +1,97 @@
+# Sample workflow for building and deploying a Gatsby site to GitHub Pages
+#
+# To get started with Gatsby see: https://www.gatsbyjs.com/docs/quick-start/
+#
+name: Deploy Gatsby site to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["main"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+# Default to bash
+defaults:
+  run:
+    shell: bash
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Detect package manager
+        id: detect-package-manager
+        run: |
+          if [ -f "${{ github.workspace }}/yarn.lock" ]; then
+            echo "manager=yarn" >> $GITHUB_OUTPUT
+            echo "command=install" >> $GITHUB_OUTPUT
+            exit 0
+          elif [ -f "${{ github.workspace }}/package.json" ]; then
+            echo "manager=npm" >> $GITHUB_OUTPUT
+            echo "command=ci" >> $GITHUB_OUTPUT
+            exit 0
+          else
+            echo "Unable to determine package manager"
+            exit 1
+          fi
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: ${{ steps.detect-package-manager.outputs.manager }}
+      - name: Setup Pages
+        id: pages
+        uses: actions/configure-pages@v5
+        with:
+          # Automatically inject pathPrefix in your Gatsby configuration file.
+          #
+          # You may remove this line if you want to manage the configuration yourself.
+          static_site_generator: gatsby
+      - name: Restore cache
+        uses: actions/cache@v4
+        with:
+          path: |
+            public
+            .cache
+          key: ${{ runner.os }}-gatsby-build-${{ hashFiles('public') }}
+          restore-keys: |
+            ${{ runner.os }}-gatsby-build-
+      - name: Install dependencies
+        run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
+      - name: Build with Gatsby
+        env:
+          PREFIX_PATHS: 'true'
+        run: ${{ steps.detect-package-manager.outputs.manager }} run build
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./public
+
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

CNAME

@@ -0,0 +1 @@
+2023.tedxntua.com

gatsby-config.js

@@ -2,6 +2,7 @@
  * @type {import('gatsby').GatsbyConfig}
  */
 module.exports = {
+  pathPrefix: "/tedxntua-2023",
   siteMetadata: {
     title: `TEDxNTUA 2023`,
     description: `TEDxNTUA 2023 is held this year, on Saturday, May 13th, at Athens Conservatoire. The theme of the event is MNEME. Join us in this journey, full of intriguing scientific talks, engaging performances and multifaceted workshops.`,
@@ -14,11 +15,11 @@ module.exports = {
       options: {
         spaceId: `u7sxm6fbdxv7`,
         // Learn about environment variables: https://gatsby.dev/env-vars
-        accessToken: 'WDneuapWKR9HwpqeGmclxea2b7ZyFIDm-dA4Uy0gmMk',
+        accessToken: "WDneuapWKR9HwpqeGmclxea2b7ZyFIDm-dA4Uy0gmMk",
       },
     },
     `gatsby-plugin-image`,
     `gatsby-plugin-sharp`,
     `gatsby-transformer-sharp`,
   ],
-}
+};

gatsby-node.js

@@ -46,6 +46,9 @@ exports.createPages = ({ graphql, actions }) => {
                 image {
                   gatsbyImageData(width: 450, height: 450)
                 }
+                node_locale
+                matchId
+                slug
               }
             }
         }
@@ -55,18 +58,44 @@ exports.createPages = ({ graphql, actions }) => {
           throw result.errors;
       }
 
-      result.data.allContentfulSpeakers.nodes.forEach(node => {
-          const urlAddress = node.name.toLowerCase().replace(/ /g, '-');
+      const seenNodes = []
+      for (const node of result.data.allContentfulSpeakers.nodes) {
+        // check if node has been seen again -> meaning data
+        // for both versions have been collected
+        const prevNode = seenNodes.find(prevNode => prevNode.matchId === node.matchId)
+        if (prevNode) {
+
+          const data = {
+            socialMediaUrl: node.socialMediaUrl,
+            image: node.image,
+            [node.node_locale]: {
+              name: node.name,
+              speciality: node.speciality,
+              bio: node.bio,
+            },
+            [prevNode.node_locale]: {
+              name: prevNode.name,
+              speciality: prevNode.speciality,
+              bio: prevNode.bio,
+            }
+          }
+
+          const urlAddress = node.slug;
           createPage({
               path: `/speakers/${urlAddress}/`,
               component: template,
               context: {
-                  ...node,
+                  ...data,
                   type: 'speaker',
                   pageName: urlAddress
               },
           });
-      });
+
+          continue;
+        }
+
+        seenNodes.push(node)
+      }
     });
 
     const performers = graphql(`
@@ -83,6 +112,9 @@ exports.createPages = ({ graphql, actions }) => {
             name
             socialMediaUrl
             subtitle
+            node_locale
+            matchId
+            slug
           }
         }
       }
@@ -92,21 +124,48 @@ exports.createPages = ({ graphql, actions }) => {
             throw result.errors;
         }
 
-        result.data.allContentfulPerformers.nodes.forEach(node => {
-            const urlAddress = node.name.toLowerCase().replace(/ /g, '-');
+        const seenNodes = []
+        for (const node of result.data.allContentfulPerformers.nodes) {
+          // check if node has been seen again -> meaning data
+          // for both versions have been collected
+          const prevNode = seenNodes.find(prevNode => prevNode.matchId === node.matchId)
+          if (prevNode) {
+
+            const data = {
+              socialMediaUrl: node.socialMediaUrl,
+              image: node.image,
+              [node.node_locale]: {
+                name: node.name,
+                subtitle: node.subtitle,
+                bio: node.bio,
+              },
+              [prevNode.node_locale]: {
+                name: prevNode.name,
+                subtitle: prevNode.subtitle,
+                bio: prevNode.bio,
+              }
+            }
+
+            const urlAddress = node.slug;
             createPage({
                 path: `/performers/${urlAddress}/`,
                 component: template,
                 context: {
-                    ...node,
+                    ...data,
                     type: 'performer',
                     pageName: urlAddress
                 },
             });
-        });
-    });
+
+            continue;
+          }
+
+          seenNodes.push(node)
+        }
+
+      });
 
-    const worksops = graphql(`
+    const workshops = graphql(`
       query {
         allContentfulWorkshops {
           nodes {
@@ -123,6 +182,9 @@ exports.createPages = ({ graphql, actions }) => {
             sideEventDescription {
               raw
             }
+            node_locale
+            matchId
+            slug
           }
         }
       }
@@ -132,19 +194,47 @@ exports.createPages = ({ graphql, actions }) => {
           throw result.errors;
       }
 
-      result.data.allContentfulWorkshops.nodes.forEach(node => {
-          const urlAddress = node.name.toLowerCase().replace(/ /g, '-');
+      const seenNodes = []
+      for (const node of result.data.allContentfulWorkshops.nodes) {
+        // check if node has been seen again -> meaning data
+        // for both versions have been collected
+        const prevNode = seenNodes.find(prevNode => prevNode.matchId === node.matchId)
+        if (prevNode) {
+
+          const data = {
+            applicationFormUrl: node.applicationFormUrl,
+            websiteUrl: node.websiteUrl,
+            image: node.image,
+            [node.node_locale]: {
+              name: node.name,
+              sideEventDescription: node.sideEventDescription,
+              bio: node.bio,
+            },
+            [prevNode.node_locale]: {
+              name: prevNode.name,
+              sideEventDescription: prevNode.sideEventDescription,
+              bio: prevNode.bio,
+            }
+          }
+
+          const urlAddress = node.slug;
           createPage({
               path: `/workshops/${urlAddress}/`,
               component: template,
               context: {
-                  ...node,
+                  ...data,
                   type: 'workshop',
                   pageName: urlAddress
               },
           });
-      });
-  });
+
+          continue;
+        }
+
+        seenNodes.push(node)
+      }
+
+    });
 
-  return Promise.all([speakers, performers, worksops]);
+  return Promise.all([speakers, performers, workshops]);
 }