From eebbfbd10395576a6ece1b9b799c9ad10b5d1d9f Mon Sep 17 00:00:00 2001
From: Rob Cameron <rob.cameron@fastmail.com>
Date: Tue, 8 Feb 2022 14:53:19 -0800
Subject: [PATCH] Adds <MetaTags>

---
 web/src/pages/AboutPage/AboutPage.js               | 14 +++++++++-----
 web/src/pages/ArticlePage/ArticlePage.js           | 14 ++++++++++++++
 .../ArticlePage.stories.js                         |  0
 .../ArticlePage.test.js                            |  0
 web/src/pages/BlogPostPage/ArticlePage.js          |  7 -------
 web/src/pages/ContactPage/ContactPage.js           |  3 +++
 web/src/pages/HomePage/HomePage.js                 |  6 +++++-
 7 files changed, 31 insertions(+), 13 deletions(-)
 create mode 100644 web/src/pages/ArticlePage/ArticlePage.js
 rename web/src/pages/{BlogPostPage => ArticlePage}/ArticlePage.stories.js (100%)
 rename web/src/pages/{BlogPostPage => ArticlePage}/ArticlePage.test.js (100%)
 delete mode 100644 web/src/pages/BlogPostPage/ArticlePage.js

diff --git a/web/src/pages/AboutPage/AboutPage.js b/web/src/pages/AboutPage/AboutPage.js
index e9e6aaa..edf3307 100644
--- a/web/src/pages/AboutPage/AboutPage.js
+++ b/web/src/pages/AboutPage/AboutPage.js
@@ -1,11 +1,15 @@
-import { Link, routes } from '@redwoodjs/router'
+import { MetaTags } from '@redwoodjs/web'
 
 const AboutPage = () => {
   return (
-    <p className="font-light">
-      This site was created to demonstrate my mastery of Redwood: Look on my
-      works, ye mighty, and despair!
-    </p>
+    <>
+      <MetaTags title="About" description="About page" />
+
+      <p className="font-light">
+        This site was created to demonstrate my mastery of Redwood: Look on my
+        works, ye mighty, and despair!
+      </p>
+    </>
   )
 }
 
diff --git a/web/src/pages/ArticlePage/ArticlePage.js b/web/src/pages/ArticlePage/ArticlePage.js
new file mode 100644
index 0000000..d0fd466
--- /dev/null
+++ b/web/src/pages/ArticlePage/ArticlePage.js
@@ -0,0 +1,14 @@
+import { MetaTags } from '@redwoodjs/web'
+import BlogPostCell from 'src/components/BlogPostCell'
+
+const ArticlePage = ({ id }) => {
+  return (
+    <>
+      <MetaTags title="Article" description="Article page" />
+
+      <BlogPostCell id={id} />
+    </>
+  )
+}
+
+export default ArticlePage
diff --git a/web/src/pages/BlogPostPage/ArticlePage.stories.js b/web/src/pages/ArticlePage/ArticlePage.stories.js
similarity index 100%
rename from web/src/pages/BlogPostPage/ArticlePage.stories.js
rename to web/src/pages/ArticlePage/ArticlePage.stories.js
diff --git a/web/src/pages/BlogPostPage/ArticlePage.test.js b/web/src/pages/ArticlePage/ArticlePage.test.js
similarity index 100%
rename from web/src/pages/BlogPostPage/ArticlePage.test.js
rename to web/src/pages/ArticlePage/ArticlePage.test.js
diff --git a/web/src/pages/BlogPostPage/ArticlePage.js b/web/src/pages/BlogPostPage/ArticlePage.js
deleted file mode 100644
index 9d35cc7..0000000
--- a/web/src/pages/BlogPostPage/ArticlePage.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import BlogPostCell from 'src/components/BlogPostCell'
-
-const ArticlePage = ({ id }) => {
-  return <BlogPostCell id={id} />
-}
-
-export default ArticlePage
diff --git a/web/src/pages/ContactPage/ContactPage.js b/web/src/pages/ContactPage/ContactPage.js
index f91cded..7f64a63 100644
--- a/web/src/pages/ContactPage/ContactPage.js
+++ b/web/src/pages/ContactPage/ContactPage.js
@@ -1,3 +1,4 @@
+import { MetaTags } from '@redwoodjs/web'
 import {
   Form,
   TextField,
@@ -36,6 +37,8 @@ const ContactPage = () => {
 
   return (
     <>
+      <MetaTags title="Contact" description="Contact page" />
+
       <Toaster />
       <Form
         onSubmit={onSubmit}
diff --git a/web/src/pages/HomePage/HomePage.js b/web/src/pages/HomePage/HomePage.js
index 31463f6..8c58f07 100644
--- a/web/src/pages/HomePage/HomePage.js
+++ b/web/src/pages/HomePage/HomePage.js
@@ -1,8 +1,12 @@
+import { MetaTags } from '@redwoodjs/web'
 import BlogPostsCell from 'src/components/BlogPostsCell'
 
 const HomePage = () => {
   return (
-    <BlogPostsCell />
+    <>
+      <MetaTags title="Home" description="Home page" />
+      <BlogPostsCell />
+    </>
   )
 }