diff --git a/src/pages/about.js b/src/pages/about.js
index 66b85c75c..163ea5bea 100644
--- a/src/pages/about.js
+++ b/src/pages/about.js
@@ -213,20 +213,25 @@ const AboutPage = ({ data }) => {
{group.name}
- {group.people.map((person, personIndex) => (
-
- |
- {person.url ? (
-
- {person.name}
-
- ) : (
- person.name
- )}
- |
- {person.role} |
-
- ))}
+
+ {group.people.map((person, personIndex) => (
+
+ |
+ {person.url ? (
+
+ {person.name}
+
+ ) : (
+ person.name
+ )}
+ |
+ {person.role} |
+
+ ))}
+
))}
diff --git a/src/pages/guides.js b/src/pages/guides.js
index 2abbe8eb2..5572b8c80 100644
--- a/src/pages/guides.js
+++ b/src/pages/guides.js
@@ -62,7 +62,7 @@ const GuidesPage = ({ data }) => {
{
.filter((n) => n.frontmatter.title)
.map((mdx, i) => (
-
+
{mdx.frontmatter.title}
@@ -79,7 +79,9 @@ export const query = graphql`
frontmatter {
title
}
- slug
+ fields {
+ slug
+ }
}
}
}
diff --git a/src/templates/challenges.js b/src/templates/challenges.js
index 71192b922..03bf1718c 100644
--- a/src/templates/challenges.js
+++ b/src/templates/challenges.js
@@ -164,10 +164,7 @@ export const query = graphql`
}
}
}
- recentChallenge: allChallenge(
- sort: { fields: date, order: DESC }
- limit: 1
- ) {
+ recentChallenge: allChallenge(sort: { date: DESC }, limit: 1) {
nodes {
title
slug
diff --git a/src/templates/guide.js b/src/templates/guide.js
index 600ede07c..801daa27a 100644
--- a/src/templates/guide.js
+++ b/src/templates/guide.js
@@ -1,6 +1,5 @@
import React, { useMemo } from 'react';
import { graphql } from 'gatsby';
-import { MDXRenderer } from 'gatsby-plugin-mdx';
import { MDXProvider } from '@mdx-js/react';
import Layout from '../components/Layout';
@@ -17,6 +16,7 @@ import Button from '../components/Button';
import Spacer from '../components/Spacer';
import YouTubeVideo from '../components/YouTubeVideo';
import Image from '../components/Image';
+import PassengerShowcaseForm from '../components/PassengerShowcaseForm';
import * as css from './guide.module.css';
@@ -96,14 +96,18 @@ const components = (localImages) => ({
p: (props) => ,
img: (props) =>
!isValidHttpUrl(props.src) && localImages.hasOwnProperty(props.src) ? (
-
+
+
+
) : (
- ![{props.alt}]()
+
+ ![{props.alt}]()
+
),
a: ({ children, ...props }) => (
@@ -138,9 +142,10 @@ const components = (localImages) => ({
),
Video: (props) => (
-
+
- )
+ ),
+ PassengerShowcaseForm: (props) =>
});
const useLocalImages = (images) => {
@@ -160,7 +165,7 @@ const useLocalImages = (images) => {
}, [images]);
};
-const Guide = ({ data }) => {
+const Guide = ({ data, children }) => {
const { mdx, images } = data;
const localImages = useLocalImages(images.nodes);
@@ -174,7 +179,7 @@ const Guide = ({ data }) => {
className={css.breadcrumbs}
breadcrumbs={[
{ name: 'Guides', link: `/guides` },
- { name: mdx.frontmatter.title, link: `/guides/${mdx.slug}` }
+ { name: mdx.frontmatter.title, link: `/guides/${mdx.fields.slug}` }
]}
variant="purple"
/>
@@ -203,12 +208,12 @@ const Guide = ({ data }) => {
-
-
-
+
);
@@ -216,9 +221,10 @@ const Guide = ({ data }) => {
export const query = graphql`
query ($slug: String!) {
- mdx(slug: { eq: $slug }) {
- slug
- body
+ mdx(fields: { slug: { eq: $slug } }) {
+ fields {
+ slug
+ }
tableOfContents
frontmatter {
title