remove error tooltip bc it's broken in prod
I also think it's not great a11y… need to think of a clear indicator!
This commit is contained in:
parent
6b616d917d
commit
f2d48cad84
1 changed files with 4 additions and 21 deletions
|
@ -1,15 +1,7 @@
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { css } from "emotion";
|
import { css } from "emotion";
|
||||||
import gql from "graphql-tag";
|
import gql from "graphql-tag";
|
||||||
import {
|
import { Box, Button, Flex, Input, useTheme, useToast } from "@chakra-ui/core";
|
||||||
Box,
|
|
||||||
Button,
|
|
||||||
Flex,
|
|
||||||
Input,
|
|
||||||
Tooltip,
|
|
||||||
useTheme,
|
|
||||||
useToast,
|
|
||||||
} from "@chakra-ui/core";
|
|
||||||
import { Helmet } from "react-helmet";
|
import { Helmet } from "react-helmet";
|
||||||
import { useHistory } from "react-router-dom";
|
import { useHistory } from "react-router-dom";
|
||||||
import { useLazyQuery } from "@apollo/react-hooks";
|
import { useLazyQuery } from "@apollo/react-hooks";
|
||||||
|
@ -92,18 +84,9 @@ function StartOutfitForm() {
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
<Box width="4" />
|
<Box width="4" />
|
||||||
<Tooltip
|
<Button type="submit" variantColor="green" disabled={!isValid}>
|
||||||
label="Does not exist 😓"
|
Start
|
||||||
placement="top"
|
</Button>
|
||||||
// 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>
|
|
||||||
</Flex>
|
</Flex>
|
||||||
</form>
|
</form>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Reference in a new issue