Merge pull request #100 from bugout-dev/titles

document titles

frontend/pages/account/security.js

@@ -58,6 +58,12 @@ const Security = () => {
     }
   };
 
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      document.title = `Change password`;
+    }
+  }, []);
+
   useEffect(() => {
     if (data) router.push("/");
   }, [data, router]);

frontend/pages/analytics.js

@@ -1,10 +1,16 @@
-import React from "react";
+import React, { useEffect } from "react";
 import HubspotForm from "react-hubspot-form";
 import { getLayout } from "../src/layouts/AppLayout";
 import { Spinner, Flex, Heading } from "@chakra-ui/react";
 import Scrollable from "../src/components/Scrollable";
 
 const Analytics = () => {
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      document.title = `Analytics: Page under construction`;
+    }
+  }, []);
+
   return (
     <Scrollable>
       <Flex

frontend/pages/stream/index.js

@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import React, { useContext, useEffect } from "react";
 import { getLayout } from "../../src/layouts/EntriesLayout";
 import StreamEntryDetails from "../../src/components/SteamEntryDetails";
 import UIContext from "../../src/core/providers/UIProvider/context";
@@ -13,7 +13,16 @@ import {
 const Entry = () => {
   const ui = useContext(UIContext);
 
-  // return "";
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      if (ui.currentTransaction) {
+        document.title = `Stream details: ${ui.currentTransaction.hash}`;
+      } else {
+        document.title = `Stream`;
+      }
+    }
+  }, [ui.currentTransaction]);
+
   if (ui.currentTransaction) {
     return <StreamEntryDetails />;
   } else