Add pathprefix to homepage campaign timeline links (#670)

NASA-IMPACT · Jul 24, 2024 · 7d56130 · 7d56130
1 parent 4f198aa
commit 7d56130
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -3,7 +3,7 @@ require("dotenv").config({
 })
 
 module.exports = {
-  pathPrefix: `/casei`,
+  pathPrefix: process.env.NODE_ENV === "development" ? "" : `/casei`,
   siteMetadata: {
     title: `Catalog of Archived Suborbital Earth Science Investigations`,
     shortname: `NASA | CASEI`,

diff --git a/src/components/home/campaigns-timeline.js b/src/components/home/campaigns-timeline.js
@@ -7,6 +7,9 @@ import "./timeline-styles.css"
 export const CampaignsTimeline = ({}) => {
   const data = useStaticQuery(graphql`
     query {
+      site {
+        pathPrefix
+      }
       allCampaign {
         nodes {
           logo {
@@ -33,7 +36,7 @@ export const CampaignsTimeline = ({}) => {
           ? campaign.logo?.gatsbyImg.childImageSharp.gatsbyImageData.images
               .fallback.src
           : "",
-        link: `/campaign/${campaign.shortname}`,
+        link: `${data.site.pathPrefix}/campaign/${campaign.shortname}`,
         thumbnail: campaign.logo
           ? campaign.logo?.gatsbyImg.childImageSharp.gatsbyImageData.images
               .fallback.src
@@ -65,7 +68,7 @@ export const CampaignsTimeline = ({}) => {
                 (campaign.description.length > 650 ? "..." : "")
           }
           </p>` +
-          `<a class="tl-button button-clickable" href="/campaign/${campaign.shortname}" target="_self">View campaign</a>`,
+          `<a class="tl-button button-clickable" href="${data.site.pathPrefix}/campaign/${campaign.shortname}" target="_self">View campaign</a>`,
       },
     })),
   }