regalijan/car-crushers-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

We'll see how badly I broke this

Browse Source
This commit is contained in:
Regalijan 2023-11-07 13:35:21 -05:00
parent 5fc8a53d4e
commit cc3c4afa68
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520
1 changed files with 45 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
app/routes/mod-queue.tsx
View File

@ -4,6 +4,7 @@ import {
Container, Container,
Flex, Flex,
Heading, Heading,
HStack,
Popover, Popover,
PopoverArrow, PopoverArrow,
PopoverBody, PopoverBody,
@ -368,6 +369,27 @@ export default function () {
</Select> </Select>
); );
const ToolsContent = (
<PopoverContent>
<PopoverArrow />
<PopoverCloseButton />
<PopoverHeader>Tools</PopoverHeader>
<PopoverBody>
<VStack>
{pageProps.item_types.map((item) => (
<Button
key={item.value}
onClick={() => itemModals[item.value].onOpen()}
w="100%"
>
{item.name}
</Button>
))}
</VStack>
</PopoverBody>
</PopoverContent>
);
return ( return (
<Container maxW="container.lg"> <Container maxW="container.lg">
<AppealBans <AppealBans
@ -413,7 +435,28 @@ export default function () {
)} )}
</VStack> </VStack>
<Box display={isDesktop ? undefined : "none"} ml="16px" w="248px"> <Box display={isDesktop ? undefined : "none"} ml="16px" w="248px">
{ItemDisplay} <HStack>
{ItemDisplay}
<Popover placement="bottom-end">
<PopoverTrigger>
<Button ml="8px">
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
viewBox="0 0 16 16"
>
<path
fillRule="evenodd"
d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"
/>
</svg>
</Button>
</PopoverTrigger>
{ToolsContent}
</Popover>
</HStack>
</Box> </Box>
</Flex> </Flex>
<Popover id="mod-tools" placement="top-end"> <Popover id="mod-tools" placement="top-end">
@ -437,24 +480,7 @@ export default function () {
</svg> </svg>
</Button> </Button>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent> {ToolsContent}
<PopoverArrow />
<PopoverCloseButton />
<PopoverHeader>Tools</PopoverHeader>
<PopoverBody>
<VStack>
{pageProps.item_types.map((item) => (
<Button
key={item.value}
onClick={() => itemModals[item.value].onOpen()}
w="100%"
>
{item.name}
</Button>
))}
</VStack>
</PopoverBody>
</PopoverContent>
</Popover> </Popover>
</Container> </Container>
); );