🔍 chore: seo component on all pages

web/src/pages/CommentPage/CommentPage.js

@@ -1,9 +1,12 @@
 import MainLayout from 'src/layouts/MainLayout'
 import CommentCell from 'src/components/CommentCell'
+import Seo from 'src/components/Seo/Seo'
 
 const CommentPage = ({ id }) => {
   return (
     <MainLayout>
+      <Seo title="Comment" description="Comment page" lang="en-US" />
+
       <CommentCell id={id} />
     </MainLayout>
   )

web/src/pages/CommentsPage/CommentsPage.js

@@ -1,9 +1,12 @@
 import MainLayout from 'src/layouts/MainLayout'
 import CommentsCell from 'src/components/CommentsCell'
+import Seo from 'src/components/Seo/Seo'
 
 const CommentsPage = () => {
   return (
     <MainLayout>
+      <Seo title="Comments" description="Comments page" lang="en-US" />
+
       <CommentsCell />
     </MainLayout>
   )

web/src/pages/EditCommentPage/EditCommentPage.js

@@ -1,9 +1,12 @@
 import MainLayout from 'src/layouts/MainLayout'
 import EditCommentCell from 'src/components/EditCommentCell'
+import Seo from 'src/components/Seo/Seo'
 
 const EditCommentPage = ({ id }) => {
   return (
     <MainLayout>
+      <Seo title="Edit comment" description="Edit comment page" lang="en-US" />
+
       <EditCommentCell id={id} />
     </MainLayout>
   )

web/src/pages/EditPart2Page/EditPart2Page.js

@@ -2,11 +2,14 @@ import { useAuth } from '@redwoodjs/auth'
 
 import MainLayout from 'src/layouts/MainLayout'
 import Part2Cell from 'src/components/Part2Cell'
+import Seo from 'src/components/Seo/Seo'
 
 const EditPart2Page = ({ userName, partTitle }) => {
   const { currentUser } = useAuth()
   return (
     <MainLayout>
+      <Seo title={partTitle} description="Edit part page" lang="en-US" />
+
       <Part2Cell
         userName={userName}
         partTitle={partTitle}

web/src/pages/EditPartPage/EditPartPage.js

@@ -1,9 +1,12 @@
 import MainLayout from 'src/layouts/MainLayout'
 import EditPartCell from 'src/components/EditPartCell'
+import Seo from 'src/components/Seo/Seo'
 
 const EditPartPage = ({ id }) => {
   return (
     <MainLayout>
+      <Seo title="Edit part" description="Edit part page" lang="en-US" />
+
       <EditPartCell id={id} />
     </MainLayout>
   )

web/src/pages/EditPartReactionPage/EditPartReactionPage.js

@@ -1,9 +1,16 @@
 import MainLayout from 'src/layouts/MainLayout'
 import EditPartReactionCell from 'src/components/EditPartReactionCell'
+import Seo from 'src/components/Seo/Seo'
 
 const EditPartReactionPage = ({ id }) => {
   return (
     <MainLayout>
+      <Seo
+        title="Edit part reaction"
+        description="Edit part reaction page"
+        lang="en-US"
+      />
+
       <EditPartReactionCell id={id} />
     </MainLayout>
   )

web/src/pages/EditUser2Page/EditUser2Page.js

@@ -1,9 +1,12 @@
 import MainLayout from 'src/layouts/MainLayout'
 import EditUser2Cell from 'src/components/EditUser2Cell'
+import Seo from 'src/components/Seo/Seo'
 
 const UserPage = ({ userName }) => {
   return (
     <MainLayout>
+      <Seo title={userName} description="Add new part page" lang="en-US" />
+
       <EditUser2Cell userName={userName} />
     </MainLayout>
   )

web/src/pages/EditUserPage/EditUserPage.js

@@ -1,9 +1,12 @@
 import MainLayout from 'src/layouts/MainLayout'
 import EditUserCell from 'src/components/EditUserCell'
+import Seo from 'src/components/Seo/Seo'
 
 const EditUserPage = ({ id }) => {
   return (
     <MainLayout>
+      <Seo title="Edit user" description="Edit user page" lang="en-US" />
+
       <EditUserCell id={id} />
     </MainLayout>
   )

web/src/pages/FatalErrorPage/FatalErrorPage.js

@@ -6,9 +6,12 @@
 // avoid the possibility that it will cause its own error. If it does, Redwood will
 // still render a generic error page, but your users will prefer something a bit more
 // thoughtful. =)
+import Seo from 'src/components/Seo/Seo'
 
 export default () => (
   <main>
+    <Seo title="Fatal error" description="Fatal error" lang="en-US" />
+
     <style
       dangerouslySetInnerHTML={{
         __html: `

web/src/pages/IdePartPage/IdePartPage.js

@@ -1,9 +1,12 @@
 import MainLayout from 'src/layouts/MainLayout'
 import IdePartCell from 'src/components/IdePartCell'
+import Seo from 'src/components/Seo/Seo'
 
 const IdePartPage = ({ userName, partTitle }) => {
   return (
     <MainLayout>
+      <Seo title={partTitle} description={partTitle} lang="en-US" />
+
       <IdePartCell userName={userName} partTitle={partTitle} />
     </MainLayout>
   )

web/src/pages/NewCommentPage/NewCommentPage.js

@@ -1,9 +1,16 @@
 import MainLayout from 'src/layouts/MainLayout'
 import NewComment from 'src/components/NewComment'
+import Seo from 'src/components/Seo/Seo'
 
 const NewCommentPage = () => {
   return (
     <MainLayout>
+      <Seo
+        title="New comment page"
+        description="New comment page"
+        lang="en-US"
+      />
+
       <NewComment />
     </MainLayout>
   )

web/src/pages/NewPart2Page/NewPart2Page.js

@@ -4,6 +4,7 @@ import { navigate, routes } from '@redwoodjs/router'
 
 import MainLayout from 'src/layouts/MainLayout'
 import Part2Cell from 'src/components/Part2Cell'
+import Seo from 'src/components/Seo/Seo'
 
 const NewPart2Page = ({ userName }) => {
   const { isAuthenticated, currentUser } = useAuth()
@@ -12,6 +13,8 @@ const NewPart2Page = ({ userName }) => {
   }, [currentUser])
   return (
     <MainLayout>
+      <Seo title="New part" description="Add new part page" lang="en-US" />
+
       <Part2Cell
         userName={userName}
         currentUserId={currentUser?.sub}

web/src/pages/NewPartPage/NewPartPage.js

@@ -1,9 +1,12 @@
 import MainLayout from 'src/layouts/MainLayout'
 import NewPart from 'src/components/NewPart'
+import Seo from 'src/components/Seo/Seo'
 
 const NewPartPage = () => {
   return (
     <MainLayout>
+      <Seo title="New Part" description="New part page" lang="en-US" />
+
       <NewPart />
     </MainLayout>
   )

web/src/pages/NewPartReactionPage/NewPartReactionPage.js

@@ -1,9 +1,16 @@
 import MainLayout from 'src/layouts/MainLayout'
 import NewPartReaction from 'src/components/NewPartReaction'
+import Seo from 'src/components/Seo/Seo'
 
 const NewPartReactionPage = () => {
   return (
     <MainLayout>
+      <Seo
+        title="New part reaction"
+        description="New part reaction page"
+        lang="en-US"
+      />
+
       <NewPartReaction />
     </MainLayout>
   )

web/src/pages/NewUserPage/NewUserPage.js

@@ -1,9 +1,12 @@
 import MainLayout from 'src/layouts/MainLayout'
 import NewUser from 'src/components/NewUser'
+import Seo from 'src/components/Seo/Seo'
 
 const NewUserPage = () => {
   return (
     <MainLayout>
+      <Seo title="New user" description="New user page" lang="en-US" />
+
       <NewUser />
     </MainLayout>
   )

web/src/pages/NotFoundPage/NotFoundPage.js

@@ -1,7 +1,10 @@
 import MainLayout from 'src/layouts/MainLayout'
+import Seo from 'src/components/Seo/Seo'
 
 export default () => (
   <MainLayout>
+    <Seo title="Page not found" description="404 page not found" lang="en-US" />
+
     <style
       dangerouslySetInnerHTML={{
         __html: `

web/src/pages/Part2Page/Part2Page.js

@@ -2,11 +2,14 @@ import { useAuth } from '@redwoodjs/auth'
 
 import MainLayout from 'src/layouts/MainLayout'
 import Part2Cell from 'src/components/Part2Cell'
+import Seo from 'src/components/Seo/Seo'
 
 const Part2Page = ({ userName, partTitle }) => {
   const { currentUser } = useAuth()
   return (
     <MainLayout>
+      <Seo title={partTitle} description={partTitle} lang="en-US" />
+
       <Part2Cell
         userName={userName}
         partTitle={partTitle}

web/src/pages/PartPage/PartPage.js

@@ -1,9 +1,12 @@
 import MainLayout from 'src/layouts/MainLayout'
 import PartCell from 'src/components/PartCell'
+import Seo from 'src/components/Seo/Seo'
 
 const PartPage = ({ id }) => {
   return (
     <MainLayout>
+      <Seo title="Part" description="Part page" lang="en-US" />
+
       <PartCell id={id} />
     </MainLayout>
   )

web/src/pages/PartReactionPage/PartReactionPage.js

@@ -1,9 +1,16 @@
 import MainLayout from 'src/layouts/MainLayout'
 import PartReactionCell from 'src/components/PartReactionCell'
+import Seo from 'src/components/Seo/Seo'
 
 const PartReactionPage = ({ id }) => {
   return (
     <MainLayout>
+      <Seo
+        title="Part reaction"
+        description="Part reaction page"
+        lang="en-US"
+      />
+
       <PartReactionCell id={id} />
     </MainLayout>
   )

web/src/pages/PartReactionsPage/PartReactionsPage.js

@@ -1,9 +1,16 @@
 import MainLayout from 'src/layouts/MainLayout'
 import PartReactionsCell from 'src/components/PartReactionsCell'
+import Seo from 'src/components/Seo/Seo'
 
 const PartReactionsPage = () => {
   return (
     <MainLayout>
+      <Seo
+        title="Part reactions"
+        description="Part reactions page"
+        lang="en-US"
+      />
+
       <PartReactionsCell />
     </MainLayout>
   )

web/src/pages/PartsPage/PartsPage.js

@@ -1,9 +1,12 @@
 import MainLayout from 'src/layouts/MainLayout'
 import PartsCell from 'src/components/PartsCell'
+import Seo from 'src/components/Seo/Seo'
 
 const PartsPage = () => {
   return (
     <MainLayout>
+      <Seo title="Parts page" description="Cadhub parts page" lang="en-US" />
+
       <PartsCell />
     </MainLayout>
   )

web/src/pages/User2Page/User2Page.js

@@ -1,9 +1,12 @@
 import MainLayout from 'src/layouts/MainLayout'
 import User2Cell from 'src/components/User2Cell'
+import Seo from 'src/components/Seo/Seo'
 
 const UserPage = ({ userName }) => {
   return (
     <MainLayout>
+      <Seo title={userName} description="User page" lang="en-US" />
+
       <User2Cell userName={userName} />
     </MainLayout>
   )

web/src/pages/UserPage/UserPage.js

@@ -1,9 +1,12 @@
 import MainLayout from 'src/layouts/MainLayout'
 import UserCell from 'src/components/UserCell'
+import Seo from 'src/components/Seo/Seo'
 
 const UserPage = ({ id }) => {
   return (
     <MainLayout>
+      <Seo title="User" description="User page" lang="en-US" />
+
       <UserCell id={id} />
     </MainLayout>
   )

web/src/pages/UsersPage/UsersPage.js

@@ -1,9 +1,12 @@
 import MainLayout from 'src/layouts/MainLayout'
 import UsersCell from 'src/components/UsersCell'
+import Seo from 'src/components/Seo/Seo'
 
 const UsersPage = () => {
   return (
     <MainLayout>
+      <Seo title="Users" description="Users page" lang="en-US" />
+
       <UsersCell />
     </MainLayout>
   )