feat: pass MDX frontmatter title into page <title>

carbon-design-system · Jul 31, 2019 · 35a4536 · 35a4536
1 parent 292b43b
commit 35a4536
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 5 deletions.
diff --git a/packages/gatsby-theme-carbon/src/components/Layout.js b/packages/gatsby-theme-carbon/src/components/Layout.js
@@ -10,7 +10,13 @@ import Container from './Container';
 
 import '../styles/index.scss';
 
-const Layout = ({ children, homepage, shouldHideHeader, ...rest }) => {
+const Layout = ({
+  children,
+  homepage,
+  shouldHideHeader,
+  pageTitle,
+  ...rest
+}) => {
   const is404 = children.key === null;
 
   useLayoutEffect(() => {
@@ -27,7 +33,7 @@ const Layout = ({ children, homepage, shouldHideHeader, ...rest }) => {
 
   return (
     <>
-      <Meta />
+      <Meta title={pageTitle} />
       <Header shouldHideHeader={shouldHideHeader} />
       <Switcher />
       <LeftNav

diff --git a/packages/gatsby-theme-carbon/src/components/Meta.js b/packages/gatsby-theme-carbon/src/components/Meta.js
@@ -2,11 +2,11 @@ import React from 'react';
 import { Helmet } from 'react-helmet';
 import { useMetadata } from '../util/hooks';
 
-const Meta = () => {
+const Meta = ({ title: pageTitle }) => {
   const { title, description, keywords } = useMetadata();
   return (
     <Helmet
-      title={title}
+      title={pageTitle ? `${title} - ${pageTitle}` : title}
       meta={[
         {
           name: 'description',

diff --git a/packages/gatsby-theme-carbon/src/templates/Default.js b/packages/gatsby-theme-carbon/src/templates/Default.js
@@ -41,7 +41,11 @@ const Default = ({ pageContext, children, location }) => {
 
   const currentTab = getCurrentTab();
   return (
-    <Layout shouldHideHeader={shouldHideHeader} homepage={false}>
+    <Layout
+      shouldHideHeader={shouldHideHeader}
+      homepage={false}
+      pageTitle={title}
+    >
       <PageHeader
         shouldHideHeader={shouldHideHeader}
         title={title}