Added missing title and og:url to 1-off pages

Author: bvaughn

src/pages/404.js

@@ -11,6 +11,7 @@
 
 import Container from 'components/Container';
 import Header from 'components/Header';
+import TitleAndMetaTags from 'components/TitleAndMetaTags';
 import React from 'react';
 import {sharedStyles} from 'theme';
 
@@ -19,6 +20,7 @@ const PageNotFound = () => (
     <div css={sharedStyles.articleLayout.container}>
       <div css={sharedStyles.articleLayout.content}>
         <Header>Page Not Found</Header>
+        <TitleAndMetaTags title="React - Page Not Found" />
         <div css={sharedStyles.markdown}>
           <p>We couldn't find what you were looking for.</p>
           <p>

src/pages/acknowledgements.html.js

@@ -11,7 +11,9 @@
 
 import Container from 'components/Container';
 import Header from 'components/Header';
+import TitleAndMetaTags from 'components/TitleAndMetaTags';
 import React from 'react';
+import {urlRoot} from 'site-constants';
 import {sharedStyles} from 'theme';
 
 import names from '../../content/acknowledgements.yml';
@@ -21,6 +23,10 @@ const Acknowlegements = ({data, location}) => (
     <div css={sharedStyles.articleLayout.container}>
       <div css={sharedStyles.articleLayout.content}>
         <Header>Acknowledgements</Header>
+        <TitleAndMetaTags
+          ogUrl={`${urlRoot}/acknowledgements.html`}
+          title="React - Acknowledgements"
+        />
 
         <div css={sharedStyles.markdown}>
           <p>We'd like to thank all of our contributors:</p>

src/pages/blog/all.html.js

@@ -12,7 +12,9 @@
 import Link from 'gatsby-link';
 import Container from 'components/Container';
 import Header from 'components/Header';
+import TitleAndMetaTags from 'components/TitleAndMetaTags';
 import React from 'react';
+import {urlRoot} from 'site-constants';
 import {colors, media, sharedStyles} from 'theme';
 import toCommaSeparatedList from 'utils/toCommaSeparatedList';
 import MetaTitle from 'templates/components/MetaTitle';
@@ -22,6 +24,10 @@ const AllBlogPosts = ({data}) => (
     <div css={sharedStyles.articleLayout.container}>
       <div css={sharedStyles.articleLayout.content}>
         <Header>All Posts</Header>
+        <TitleAndMetaTags
+          ogUrl={`${urlRoot}/blog/all.html`}
+          title="React - All Posts"
+        />
         <ul
           css={{
             display: 'flex',

src/pages/docs/error-decoder.html.js

@@ -16,6 +16,7 @@ import hex2rgba from 'hex2rgba';
 import MarkdownHeader from 'components/MarkdownHeader';
 import React from 'react';
 import StickyResponsiveSidebar from 'components/StickyResponsiveSidebar';
+import TitleAndMetaTags from 'components/TitleAndMetaTags';
 import {colors, sharedStyles} from 'theme';
 import {createLinkDocs} from 'utils/createLink';
 import findSectionForPath from 'utils/findSectionForPath';
@@ -47,6 +48,9 @@ const ErrorPage = ({data, location}) => (
             path={data.markdownRemark.fields.path}
             title={data.markdownRemark.frontmatter.title}
           />
+          <TitleAndMetaTags
+            title={`React - ${data.markdownRemark.frontmatter.title}`}
+          />
 
           <div css={sharedStyles.articleLayout.content}>
             <div