Add page titles

1 files changed, 32 insertions, 5 deletions

diff --git a/vnext/src/ui/Feeds.js b/vnext/src/ui/Feeds.js
index 75f1800d..c0698204 100644
--- a/vnext/src/ui/Feeds.js
+++ b/vnext/src/ui/Feeds.js
@@ -11,6 +11,7 @@ import UserInfo from './UserInfo';
 
 import { getMessages } from '../api';
 import { useVisitor } from './VisitorContext';
+import { Helmet } from 'react-helmet';
 
 /**
  * @typedef {object} Query
@@ -27,7 +28,7 @@ import { useVisitor } from './VisitorContext';
 
 function RequireAuth({ children }) {
   let location = useLocation();
-  let [ visitor ] = useVisitor();
+  let [visitor] = useVisitor();
   if (!visitor.hash) {
     // Redirect them to the /login page, but save the current location they were
     // trying to go to when they were redirected. This allows us to send them
@@ -50,7 +51,14 @@ export function Discover() {
     search: search,
     pageParam: search.search ? 'page' : 'before_mid'
   };
-  return (<Feed query={query} />);
+  return (
+    <>
+      <Helmet>
+        <title>Discover</title>
+      </Helmet>
+      <Feed query={query} />
+    </>
+  );
 }
 
 /**
@@ -61,7 +69,14 @@ export function Discussions() {
     baseUrl: '/api/messages/discussions',
     pageParam: 'to'
   };
-  return (<Feed query={query} />);
+  return (
+    <>
+      <Helmet>
+        <title>Discussions</title>
+      </Helmet>
+      <Feed query={query} />
+    </>
+  );
 }
 
 /**
@@ -79,8 +94,13 @@ export function Blog() {
     search: search,
     pageParam: search.search ? 'page' : 'before_mid'
   };
+  const blogTitle = `${user} blog`;
+  const pageTitle = search.tag ? `${blogTitle}: #${search.tag}` : blogTitle;
   return (
     <>
+      <Helmet>
+        <title>{pageTitle}</title>
+      </Helmet>
       <div className="msg-cont">
         <UserInfo uname={user} />
       </div>
@@ -90,7 +110,7 @@ export function Blog() {
 }
 
 /**
- * @param {PageProps} props
+ * 
  */
 export function Tag() {
   const params = useParams();
@@ -102,7 +122,14 @@ export function Tag() {
     },
     pageParam: 'before_mid'
   };
-  return (<Feed query={query} />);
+  return (
+    <>
+      <Helmet>
+        <title>#{tag}</title>
+      </Helmet>
+      <Feed query={query} />
+    </>
+  );
 }
 
 /**