From f2d48cad84b984087795523c940592693006fa28 Mon Sep 17 00:00:00 2001
From: Matt Dunn-Rankin <mattdunnrankin@khanacademy.org>
Date: Sun, 10 May 2020 01:17:16 -0700
Subject: [PATCH] remove error tooltip bc it's broken in prod
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

I also think it's not great a11y… need to think of a clear indicator!
---
 src/app/HomePage.js | 25 ++++---------------------
 1 file changed, 4 insertions(+), 21 deletions(-)

diff --git a/src/app/HomePage.js b/src/app/HomePage.js
index 79627ea..eb0f2fe 100644
--- a/src/app/HomePage.js
+++ b/src/app/HomePage.js
@@ -1,15 +1,7 @@
 import React from "react";
 import { css } from "emotion";
 import gql from "graphql-tag";
-import {
-  Box,
-  Button,
-  Flex,
-  Input,
-  Tooltip,
-  useTheme,
-  useToast,
-} from "@chakra-ui/core";
+import { Box, Button, Flex, Input, useTheme, useToast } from "@chakra-ui/core";
 import { Helmet } from "react-helmet";
 import { useHistory } from "react-router-dom";
 import { useLazyQuery } from "@apollo/react-hooks";
@@ -92,18 +84,9 @@ function StartOutfitForm() {
           }}
         />
         <Box width="4" />
-        <Tooltip
-          label="Does not exist 😓"
-          placement="top"
-          // HACK: I only want the tooltip to appear when invalid... but the
-          //       API doesn't really give us that option while also retaining
-          //       the same <Button> instance. Instead, we set the max delay ><
-          showDelay={isValid ? 2147483647 : 0}
-        >
-          <Button type="submit" variantColor="green" disabled={!isValid}>
-            Start
-          </Button>
-        </Tooltip>
+        <Button type="submit" variantColor="green" disabled={!isValid}>
+          Start
+        </Button>
       </Flex>
     </form>
   );