OpenNeo/impress-2020
OpenNeo/impress-2020
1
0
Fork 0
Code Pull requests Activity

Add explainer info to /support/petAppearances

Browse source
This commit is contained in:
Emi Matchu 2021-04-23 11:38:52 -07:00
parent aa28ee8b39
commit cc0833f7ac
1 changed files with 24 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/app/SupportPetAppearancesPage.js
View file

@ -1,5 +1,14 @@
import { gql, useQuery } from "@apollo/client"; import { gql, useQuery } from "@apollo/client";
import { QuestionIcon } from "@chakra-ui/icons";
import { Box, Flex, Wrap, WrapItem } from "@chakra-ui/layout"; import { Box, Flex, Wrap, WrapItem } from "@chakra-ui/layout";
import {
Popover,
PopoverArrow,
PopoverBody,
PopoverContent,
PopoverTrigger,
} from "@chakra-ui/popover";
import { Tooltip } from "@chakra-ui/tooltip";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import HangerSpinner from "./components/HangerSpinner"; import HangerSpinner from "./components/HangerSpinner";
import { import {
@ -30,8 +39,21 @@ function UnlabeledPetAppearancesList() {
return ( return (
<Box> <Box>
<Box as="p" marginBottom="2"> <Box as="p" marginBottom="2">
These pet appearances have some <code>UNKNOWN</code> poses that need These species/color combinations have some <code>UNKNOWN</code>{" "}
labeled! Please take a look! appearances that need labeled! Please take a look!
<Popover trigger="hover" placement="top">
<PopoverTrigger>
<QuestionIcon marginLeft="1.5" marginTop="-2px" tabIndex="0" />
</PopoverTrigger>
<PopoverContent>
<PopoverArrow />
<PopoverBody fontSize="sm" textAlign="center">
This includes species/color combinations that have at least one{" "}
<code>UNKNOWN</code> pose, and are missing at least one of the
standard 6 mood/gender-presentation poses.
</PopoverBody>
</PopoverContent>
</Popover>
</Box> </Box>
{loading && ( {loading && (
<Flex justify="center"> <Flex justify="center">