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

UI adjustments

Browse Source
This commit is contained in:
Simon Gruber
2026-05-05 20:07:08 +02:00
parent bfa04936b2
commit b00cde2a6e
1 changed files with 35 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/frontend/src/components/views/HomeOrdersTable.tsx
+35 -19
View File
@@ -92,36 +92,52 @@ export default function HomeOrdersTable({
const isClosed = !!item.closed;
const closedStr = isClosed ? " Closed" : "Open";
const dateStr =
item.created_at
? new Date(item.created_at).toLocaleString()
: "Unknown creation time";
const dateStr = item.created_at
? new Date(item.created_at).toLocaleString()
: "Unknown creation time";
return (
<Space size={16}>
<Icon path={mdiFood} size={1} style={getOrderIconStyle(isClosed)} />
<Icon
path={mdiFood}
size={1}
style={getOrderIconStyle(isClosed)}
/>
<Space direction="vertical" size={0}>
<Space size={8} align="center">
<Text strong>{item.title || item.id}</Text>
{item.is_owner ? <Tag color="geekblue">Owner</Tag> : null}
{item.is_owner && item.has_unpaid_submissions ? (
<Tag color="volcano">Open payments</Tag>
) : null}
{state === "paid" ? <Tag color="green">Paid</Tag> : null}
{state === "unpaid" ? (
<Tag color="volcano">Unpaid</Tag>
) : null}
{state === "pending" ? <Tag color="blue">Pending</Tag> : null}
<Space size={0} align="center">
{item.is_owner ? <Tag color="geekblue">Owner</Tag> : null}
{item.is_owner && item.has_unpaid_submissions ? (
<Tag color="volcano">Open payments</Tag>
) : null}
{state === "paid" ? <Tag color="green">Paid</Tag> : null}
{state === "unpaid" ? (
<Tag color="volcano">Unpaid</Tag>
) : null}
{state === "pending" ? (
<Tag color="blue">Pending</Tag>
) : null}
</Space>
</Space>
<Text type="secondary">
{<Tooltip title={`Order is ${closedStr.toLocaleLowerCase()}`}>{closedStr}</Tooltip>}{" • "}
{<Tooltip title={`Created at: ${dateStr}`}>{dateStr}</Tooltip>}
{
<Tooltip
title={`Order is ${closedStr.toLocaleLowerCase()}`}
>
{closedStr}
</Tooltip>
}
{" • "}
{
<Tooltip title={`Created at: ${dateStr}`}>
{dateStr}
</Tooltip>
}
{item.is_participant && formatted && (
<>
{" • "}
<Tooltip title="Your order">
{formatted}
</Tooltip>
<Tooltip title="Your order">{formatted}</Tooltip>
</>
)}
</Text>