added helmet title to all views

src/components/views/Board.jsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect, useRef, Fragment } from 'react';
-import { Link, useNavigate, useParams } from 'react-router-dom';
+import { Helmet } from 'react-helmet-async';
 import InfiniteScroll from 'react-infinite-scroller';
+import { Link, useNavigate, useParams } from 'react-router-dom';
 import { Tooltip } from 'react-tooltip';
 import { useFeed, usePublishComment } from '@plebbit/plebbit-react-hooks';
 import { debounce } from 'lodash';
@@ -226,6 +227,10 @@ const Board = () => {
 
 
   return (
+    <>
+      <Helmet>
+        <title>{((selectedTitle ? selectedTitle : selectedAddress) + " - plebchan")}</title>
+      </Helmet>
       <Container>
         <ReplyModal 
         selectedStyle={selectedStyle}
@@ -917,6 +922,7 @@ const Board = () => {
           </div>
         </BoardForm>
       </Container>
+    </>
   );
 }
 

src/components/views/Catalog.jsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect, useRef, Fragment } from 'react';
-import { Link, useNavigate, useParams } from 'react-router-dom';
+import { Helmet } from 'react-helmet-async';
 import InfiniteScroll from 'react-infinite-scroller';
+import { Link, useNavigate, useParams } from 'react-router-dom';
 import { useFeed, usePublishComment } from '@plebbit/plebbit-react-hooks';
 import { debounce } from 'lodash';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
@@ -202,6 +203,10 @@ const Catalog = () => {
 
 
   return (
+    <>
+      <Helmet>
+        <title>{((selectedTitle ? selectedTitle : selectedAddress) + " - Catalog - plebchan")}</title>
+      </Helmet>
       <Container>
         <SettingsModal
         selectedStyle={selectedStyle}
@@ -406,6 +411,7 @@ const Catalog = () => {
           )}
         </Threads>
       </Container>
+    </>
   );
 }
 

src/components/views/Home.jsx

@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { Helmet } from 'react-helmet-async';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
 import { Link, useNavigate } from 'react-router-dom';
 import { Container, Header, Logo, Page, Search, About, AboutTitle, AboutContent, Boards, BoardsTitle, BoardsContent, Footer } from '../styled/Home.styled';
@@ -28,6 +29,10 @@ const Home = () => {
 
 
   return (
+    <>
+      <Helmet>
+        <title>plebchan</title>
+      </Helmet>
       <Container>
         <Header>
           <Logo>
@@ -125,6 +130,7 @@ const Home = () => {
           </ul>
         </Footer>
       </Container>
+    </>
   )
 };
 

src/components/views/NotFound.jsx

@@ -1,4 +1,5 @@
 import React, { useEffect }  from 'react';
+import { Helmet } from 'react-helmet-async';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
 import { Link } from "react-router-dom";
 import { Container, Header, Logo, Page, Boards, BoardsTitle } from '../styled/Home.styled';
@@ -17,6 +18,10 @@ const NotFound = ({ setBodyStyle }) => {
   }, [setBodyStyle, setSelectedStyle]);
 
   return (
+    <>
+      <Helmet>
+        <title>plebchan - 404 Not Found</title>
+      </Helmet>
       <Container>
         <Header>
           <Logo>
@@ -39,6 +44,7 @@ const NotFound = ({ setBodyStyle }) => {
           </Boards>
         </Page>
       </Container>
+    </>
   );
 }
 

src/components/views/Pending.jsx

@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react';
+import { Helmet } from 'react-helmet-async';
 import { Link, useNavigate, useParams } from 'react-router-dom';
 import { Tooltip } from 'react-tooltip';
 import { useAccountComment } from '@plebbit/plebbit-react-hooks';
@@ -70,6 +71,10 @@ const Pending = () => {
   
 
   return (
+    <>
+      <Helmet>
+        <title>{`plebchan - Pending Thread #${parseInt(index) + 1}`}</title>
+      </Helmet>
       <Container>
         <SettingsModal
         selectedStyle={selectedStyle}
@@ -377,6 +382,7 @@ const Pending = () => {
           )}
         </BoardForm>
       </Container>
+    </>
   );
 }
 

src/components/views/Thread.jsx

@@ -1,4 +1,5 @@
 import React, { useState, useEffect, useRef } from 'react';
+import { Helmet } from 'react-helmet-async';
 import { Link, useNavigate, useParams } from 'react-router-dom';
 import { Tooltip } from 'react-tooltip';
 import { useComment, usePublishComment } from '@plebbit/plebbit-react-hooks';
@@ -222,6 +223,16 @@ const Thread = () => {
 
 
   return (
+    <>
+      <Helmet>
+          <title>
+            {(
+              (comment.content.slice(0, 40)) + " - " 
+              + (selectedTitle ? selectedTitle : selectedAddress) 
+              + " - plebchan"
+            )}
+          </title>
+        </Helmet>
       <Container>
         <ReplyModal 
         selectedStyle={selectedStyle}
@@ -902,6 +913,7 @@ const Thread = () => {
           )}
         </BoardForm>
       </Container>
+    </>
   );
 }