From 785d119324e1fc076d0267ce453c1845f000c7d3 Mon Sep 17 00:00:00 2001
From: Matt Dunn-Rankin <mattdunnrankin@khanacademy.org>
Date: Sun, 10 May 2020 01:01:14 -0700
Subject: [PATCH] set explicit page title on homepage

---
 src/app/HomePage.js | 60 +++++++++++++++++++++++++--------------------
 1 file changed, 33 insertions(+), 27 deletions(-)

diff --git a/src/app/HomePage.js b/src/app/HomePage.js
index d26c980..ee25aa7 100644
--- a/src/app/HomePage.js
+++ b/src/app/HomePage.js
@@ -10,6 +10,7 @@ import {
   useTheme,
   useToast,
 } from "@chakra-ui/core";
+import { Helmet } from "react-helmet";
 import { useHistory } from "react-router-dom";
 import { useLazyQuery } from "@apollo/react-hooks";
 
@@ -20,33 +21,38 @@ import SpeciesColorPicker from "./SpeciesColorPicker";
 
 function HomePage() {
   return (
-    <Flex
-      color="green.800"
-      direction="column"
-      p="6"
-      align="center"
-      textAlign="center"
-    >
-      <Box height="8" />
-      <Box
-        as="img"
-        src={HomepageSplashImg}
-        width="200px"
-        height="200px"
-        rounded="lg"
-        boxShadow="md"
-      />
-      <Box height="4" />
-      <Heading1>Dress to Impress</Heading1>
-      <Box height="8" />
-      <StartOutfitForm />
-      <Box height="4" />
-      <Box fontStyle="italic" fontSize="sm">
-        or
-      </Box>
-      <Box height="4" />
-      <SubmitPetForm />
-    </Flex>
+    <>
+      <Helmet>
+        <title>Dress to Impress</title>
+      </Helmet>
+      <Flex
+        color="green.800"
+        direction="column"
+        p="6"
+        align="center"
+        textAlign="center"
+      >
+        <Box height="8" />
+        <Box
+          as="img"
+          src={HomepageSplashImg}
+          width="200px"
+          height="200px"
+          rounded="lg"
+          boxShadow="md"
+        />
+        <Box height="4" />
+        <Heading1>Dress to Impress</Heading1>
+        <Box height="8" />
+        <StartOutfitForm />
+        <Box height="4" />
+        <Box fontStyle="italic" fontSize="sm">
+          or
+        </Box>
+        <Box height="4" />
+        <SubmitPetForm />
+      </Flex>
+    </>
   );
 }