fix: Use slug instead of path for homepage

newrelic · Nov 28, 2021 · e28311e · e28311e
1 parent 83718eb
commit e28311e
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -129,17 +129,16 @@ const IndexPage = ({ data, pageContext, location }) => {
           <section className={styles.section}>
             <h2 className={styles.guideListingHeading}>Get inspired</h2>
             <GuideListing.List className={styles.allGuidesListing}>
-              {guides.map(({ frontmatter }, index) => (
+              {guides.map(({ fields, frontmatter }, index) => (
                 <GuideTile
-                  to={frontmatter.path}
+                  to={fields.slug}
                   key={index}
                   duration={frontmatter.duration}
                   title={frontmatter.tileShorthand?.title || frontmatter.title}
                   description={
                     frontmatter.tileShorthand?.description ||
                     frontmatter.description
                   }
-                  path={frontmatter.path}
                 />
               ))}
             </GuideListing.List>
@@ -259,11 +258,13 @@ export const pageQuery = graphql`
       sort: { fields: [frontmatter___promote, frontmatter___title] }
     ) {
       nodes {
+        fields {
+          slug
+        }
         frontmatter {
           title
           description
           duration
-          path
           tileShorthand {
             title
             description