feat: setup way to add tags to the current document

newrelic · Aug 5, 2020 · da938cf · da938cf
1 parent 384008d
commit da938cf
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/components/Seo.js b/src/components/Seo.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { Helmet } from 'react-helmet';
 import { useStaticQuery, graphql, withPrefix } from 'gatsby';
 
-function SEO({ description, lang, meta, title }) {
+function SEO({ description, lang, meta, title, tags }) {
   const { site } = useStaticQuery(
     graphql`
       query {
@@ -67,6 +67,12 @@ function SEO({ description, lang, meta, title }) {
       'data-type': 'string',
       content: description,
     },
+    ...(tags ?? []).map((tag) => ({
+      name: 'tags',
+      class: 'swiftype',
+      'data-type': 'string',
+      content: tag,
+    })),
   ];
 
   // only add metadata if we have content
@@ -100,6 +106,7 @@ SEO.propTypes = {
   lang: PropTypes.string,
   meta: PropTypes.arrayOf(PropTypes.object),
   title: PropTypes.string,
+  tags: PropTypes.arrayOf(PropTypes.string),
 };
 
 export default SEO;
diff --git a/src/templates/GuideTemplate.js b/src/templates/GuideTemplate.js
@@ -15,11 +15,11 @@ import SEO from '../components/Seo';
 const GuideTemplate = ({ data }) => {
   const { mdx } = data;
   const { frontmatter, body } = mdx;
-  const { title, description, duration } = frontmatter;
+  const { title, description, duration, tags } = frontmatter;
 
   return (
     <>
-      <SEO title={title} description={description} />
+      <SEO title={title} description={description} tags={tags} />
       <PageLayout type={PageLayout.TYPE.RELATED_CONTENT}>
         <PageLayout.Header title={title}>
           {duration && (
@@ -64,6 +64,7 @@ export const pageQuery = graphql`
         path
         title
         description
+        tags
       }
 
       ...Resources_page