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

Ok let's try that again lol

Browse Source
This commit is contained in:
Regalijan 2023-11-07 13:51:18 -05:00
parent dada8af869
commit 86c5690b4f
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520
1 changed files with 37 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -364,24 +364,42 @@ export default function () {
);
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>
<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>
<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>
</Popover>
);
return (
@ -434,25 +452,7 @@ export default function () {
<Box display={isDesktop ? undefined : "none"} ml="16px" w="248px">
<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>
{ToolsContent}
</HStack>
</Box>
</Flex>