lunchtime/lunchtime-web
1
0 Fork 0
Code Issues 12 Pull Requests Actions Packages Releases Activity

Order management UI
Build and Push Lunchtime Images (Kaniko) / build-and-push (push) Successful in 1m30s
Details

Browse Source
This commit is contained in:
Simon Gruber committed 2026-10-21 08:29:47 +02:00
1 parent 6ae0361971
commit 1b1b0898ed
1 file changed
+47 -47
Download Patch File Download Diff File Expand all files Collapse all files
src/frontend/src/components/views/ParticipantSubmissionSummary.tsx
+47 -47
View File
@@ -58,58 +58,58 @@ export default function ParticipantSubmissionSummary({
]; ];
return ( return (
<Flex vertical gap={8}> <Flex justify="space-between" align="stretch" wrap="wrap" gap={8}>
<Flex justify="space-between" align="center" wrap="wrap" gap={8}> <Flex vertical gap={8} align="flex-start">
<Text strong> <Text strong>
<CheckCircleFilled style={{ color: token.colorSuccess }} /> Order submitted <CheckCircleFilled style={{ color: token.colorSuccess }} /> Order submitted
</Text> </Text>
<Flex vertical gap={8} align="flex-end"> <Tooltip title="Your submitted order">
<Flex gap={4} wrap="wrap" justify="flex-end"> <Text code copyable>
{statuses.map(({ label, done, hint, pending }) => ( {savedOrderString}
<Tooltip key={label} title={done ? hint : pending}>
<Tag
bordered={false}
color={done ? "success" : "default"}
icon={done ? <CheckOutlined /> : <ClockCircleOutlined />}
style={{ marginInlineEnd: 0 }}
>
{label}
</Tag>
</Tooltip>
))}
</Flex>
{onEdit && !isClosed && (
<Button type="primary" icon={<EditOutlined />} onClick={onEdit}>
Edit order
</Button>
)}
</Flex>
</Flex>
<Tooltip title="Your submitted order">
<Text code copyable>
{savedOrderString}
</Text>
</Tooltip>
<Space size={4} direction="vertical">
{savedEstimatedTotal && (
<Text type="secondary">
<Tooltip title="Rough estimate based on configured item prices. Final amount may differ.">
Estimated total: {savedEstimatedTotal}
</Tooltip>
{onHowToPay && !submission.paid && (
<>
{" · "}
<Button type="link" size="small" onClick={onHowToPay} style={{ padding: 0, height: "auto" }}>
How to pay?
</Button>
</>
)}
</Text> </Text>
</Tooltip>
<Space size={4} direction="vertical">
{savedEstimatedTotal && (
<Text type="secondary">
<Tooltip title="Rough estimate based on configured item prices. Final amount may differ.">
Estimated total: {savedEstimatedTotal}
</Tooltip>
{onHowToPay && !submission.paid && (
<>
{" · "}
<Button type="link" size="small" onClick={onHowToPay} style={{ padding: 0, height: "auto" }}>
How to pay?
</Button>
</>
)}
</Text>
)}
<Text type="secondary" style={{ fontSize: 12 }}>
Updated {formatTimestamp(submission.updated_at)}
</Text>
</Space>
</Flex>
<Flex vertical justify="space-between" align="flex-end" gap={8}>
<Flex gap={4} wrap="wrap" justify="flex-end">
{statuses.map(({ label, done, hint, pending }) => (
<Tooltip key={label} title={done ? hint : pending}>
<Tag
bordered={false}
color={done ? "success" : "default"}
icon={done ? <CheckOutlined /> : <ClockCircleOutlined />}
style={{ marginInlineEnd: 0 }}
>
{label}
</Tag>
</Tooltip>
))}
</Flex>
{onEdit && !isClosed && (
<Button type="primary" icon={<EditOutlined />} onClick={onEdit}>
Edit order
</Button>
)} )}
<Text type="secondary" style={{ fontSize: 12 }}> </Flex>
Updated {formatTimestamp(submission.updated_at)}
</Text>
</Space>
</Flex> </Flex>
); );
} }