From 2f82e2dc312851c41acd28ede6e691838fe6e79c Mon Sep 17 00:00:00 2001
From: Atul Varma <varmaa@gmail.com>
Date: Sun, 6 Jun 2021 09:37:45 -0400
Subject: [PATCH] Set page <title> to same value as <h1> (#147)

Fixes #142.
---
 lib/page.tsx      |  8 +++++++-
 package-lock.json | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 package.json      |  2 ++
 3 files changed, 55 insertions(+), 1 deletion(-)

diff --git a/lib/page.tsx b/lib/page.tsx
index 0077634..93ef3a5 100644
--- a/lib/page.tsx
+++ b/lib/page.tsx
@@ -1,4 +1,5 @@
 import React, { MouseEvent, useContext } from "react";
+import { Helmet } from "react-helmet";
 import type { PageName } from "./pages";
 
 export type PageContext = {
@@ -62,10 +63,15 @@ export type PageProps = {
 };
 
 export const Page: React.FC<PageProps> = ({ title, children }) => {
+  const fullTitle = ` Mystic Symbolic ${title}`;
+
   return (
     <div className="page">
+      <Helmet>
+        <title>{fullTitle}</title>
+      </Helmet>
       <header>
-        <h1>Mystic Symbolic {title}</h1>
+        <h1>{fullTitle}</h1>
         <Navbar />
       </header>
       {children}
diff --git a/package-lock.json b/package-lock.json
index b1afca3..4831758 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1909,6 +1909,14 @@
         "@types/react": "*"
       }
     },
+    "@types/react-helmet": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/@types/react-helmet/-/react-helmet-6.1.1.tgz",
+      "integrity": "sha512-VmSCMz6jp/06DABoY60vQa++h1YFt0PfAI23llxBJHbowqFgLUL0dhS1AQeVPNqYfRp9LAfokrfWACTNeobOrg==",
+      "requires": {
+        "@types/react": "*"
+      }
+    },
     "@types/stack-utils": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.0.tgz",
@@ -6814,6 +6822,23 @@
         "sisteransi": "^1.0.5"
       }
     },
+    "prop-types": {
+      "version": "15.7.2",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
+      "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==",
+      "requires": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.8.1"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "16.13.1",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+          "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+        }
+      }
+    },
     "psl": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
@@ -6872,11 +6897,32 @@
         "scheduler": "^0.20.1"
       }
     },
+    "react-fast-compare": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz",
+      "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA=="
+    },
+    "react-helmet": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/react-helmet/-/react-helmet-6.1.0.tgz",
+      "integrity": "sha512-4uMzEY9nlDlgxr61NL3XbKRy1hEkXmKNXhjbAIOVw5vcFrsdYbH2FEwcNyWvWinl103nXgzYNlns9ca+8kFiWw==",
+      "requires": {
+        "object-assign": "^4.1.1",
+        "prop-types": "^15.7.2",
+        "react-fast-compare": "^3.1.1",
+        "react-side-effect": "^2.1.0"
+      }
+    },
     "react-is": {
       "version": "17.0.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.1.tgz",
       "integrity": "sha512-NAnt2iGDXohE5LI7uBnLnqvLQMtzhkiAOLXTmv+qnF9Ky7xAPcX8Up/xWIhxvLVGJvuLiNc4xQLtuqDRzb4fSA=="
     },
+    "react-side-effect": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/react-side-effect/-/react-side-effect-2.1.1.tgz",
+      "integrity": "sha512-2FoTQzRNTncBVtnzxFOk2mCpcfxQpenBMbk5kSVBg5UcPqV9fRbgY2zhb7GTWWOlpFmAxhClBDlIq8Rsubz1yQ=="
+    },
     "read-pkg": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
diff --git a/package.json b/package.json
index 4459fb0..ca0041b 100644
--- a/package.json
+++ b/package.json
@@ -38,6 +38,7 @@
     "@types/node": "^14.14.22",
     "@types/react": "^17.0.1",
     "@types/react-dom": "^17.0.0",
+    "@types/react-helmet": "^6.1.1",
     "avro-js": "^1.10.2",
     "avro-typescript": "^1.1.0",
     "babel-jest": "^26.6.3",
@@ -52,6 +53,7 @@
     "prettier": "^2.2.1",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
+    "react-helmet": "^6.1.0",
     "toml": "^3.0.0",
     "typescript": "^4.1.3",
     "util": "^0.12.3"