Order Sets - UI tweaks
This commit is contained in:
parent
71185df40f
commit
f321099af6
1 changed files with 21 additions and 27 deletions
|
|
@ -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,8 +63,9 @@ 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}
|
||||||
|
</Text>
|
||||||
<Flex gap="md" justify="end">
|
<Flex gap="md" justify="end">
|
||||||
<ConfirmDialogButton
|
<ConfirmDialogButton
|
||||||
buttonColor="red"
|
buttonColor="red"
|
||||||
|
|
@ -89,6 +82,7 @@ export const SubOrderSets: React.FC = () => {
|
||||||
Edit
|
Edit
|
||||||
</NavigateButton>
|
</NavigateButton>
|
||||||
</Flex>
|
</Flex>
|
||||||
|
</Flex>
|
||||||
</Card>
|
</Card>
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue