From 8616959feef7f792916c866481ac07a4c29c2937 Mon Sep 17 00:00:00 2001
From: Sean Norwood <norwood.sean@gmail.com>
Date: Thu, 7 Apr 2022 22:51:40 +0000
Subject: [PATCH] chore: render tab title correctly

---
 tubearchivist/www/src/components/CustomHead.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/tubearchivist/www/src/components/CustomHead.tsx b/tubearchivist/www/src/components/CustomHead.tsx
index 9b2eca8..b116c78 100644
--- a/tubearchivist/www/src/components/CustomHead.tsx
+++ b/tubearchivist/www/src/components/CustomHead.tsx
@@ -2,6 +2,7 @@ import Head from "next/head";
 
 /**
  * TODO: Dynamically get the title
+ * TODO: NextJS recommended pattern for SEO
  */
 export const CustomHead = ({ title }: { title?: string }) => {
   return (
@@ -38,11 +39,9 @@ export const CustomHead = ({ title }: { title?: string }) => {
       <meta name="msapplication-TileColor" content="#01202e" />
       <meta name="msapplication-config" content="/favicon/browserconfig.xml" />
       <meta name="theme-color" content="#01202e" />
-      {/* {% if title %} */}
-      <title>TA | {{ title }}</title>
-      {/* {% else %} */}
-      <title>TubeArchivist</title>
-      {/* {% endif %} */}
+
+      {title ? <title>TA | {title}</title> : <title>TubeArchivist</title>}
+
       {/* {% if colors == "dark" %} */}
       {/* <link rel="stylesheet" href="/css/dark.css" /> */}
       {/* {% else %} */}