johnnygear/gear-orders
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Order Sets - UI tweaks

Browse source
This commit is contained in:
Johnny Gear 2026-01-30 13:24:48 -06:00
parent 71185df40f
commit f321099af6
1 changed files with 21 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
flask/vite/src/SubOrderSets.tsx
View file

@ -1,12 +1,4 @@
import { import { Container, Title, Card, Text, Box, Flex, Badge } from "@mantine/core";
Container,
Title,
Card,
Text,
Button,
Flex,
Badge,
} from "@mantine/core";
import { TimeValue } from "@mantine/dates"; import { TimeValue } from "@mantine/dates";
import { IconPencil, IconPlus, IconTrash } from "@tabler/icons-react"; import { IconPencil, IconPlus, IconTrash } from "@tabler/icons-react";
import React from "react"; import React from "react";
@ -60,7 +52,7 @@ export const SubOrderSets: React.FC = () => {
bg="gray.2" bg="gray.2"
w="400px" w="400px"
> >
<Flex direction="column" gap="md"> <Flex direction="column" gap="md" h="100%">
<Title order={4}>{name}</Title> <Title order={4}>{name}</Title>
{scheduled ? ( {scheduled ? (
<Flex gap="md" align="center"> <Flex gap="md" align="center">
@ -71,23 +63,25 @@ export const SubOrderSets: React.FC = () => {
{weekends ? <Badge color="blue">Weekends</Badge> : null} {weekends ? <Badge color="blue">Weekends</Badge> : null}
</Flex> </Flex>
) : null} ) : null}
<Text mb="md">Orders: {orders.length}</Text> <Text mb="md" flex={1}>
</Flex> Orders: {orders.length}
<Flex gap="md" justify="end"> </Text>
<ConfirmDialogButton <Flex gap="md" justify="end">
buttonColor="red" <ConfirmDialogButton
buttonText="Delete" buttonColor="red"
text={`Are you sure you want to delete ${name}?`} buttonText="Delete"
onConfirm={() => handleDelete(id)} text={`Are you sure you want to delete ${name}?`}
> onConfirm={() => handleDelete(id)}
<IconTrash /> >
</ConfirmDialogButton> <IconTrash />
<NavigateButton </ConfirmDialogButton>
to={`/dashboard/subs/${sub_username}/${id}`} <NavigateButton
> to={`/dashboard/subs/${sub_username}/${id}`}
<IconPencil style={{ marginRight: "0.5rem" }} /> >
Edit <IconPencil style={{ marginRight: "0.5rem" }} />
</NavigateButton> Edit
</NavigateButton>
</Flex>
</Flex> </Flex>
</Card> </Card>
), ),