order-card: add order_number to ui

This commit is contained in:
vchikalkin 2025-06-27 14:51:00 +03:00
parent 204e3b7581
commit 4369110076

View File

@ -27,7 +27,12 @@ export function OrderCard({
return (
<Link href={`/orders/${documentId}`} rel="noopener noreferrer">
<div className="flex items-center justify-between rounded-2xl bg-background p-4 px-6 dark:bg-primary/5">
<div className="relative flex items-center justify-between rounded-2xl bg-background p-4 px-6 dark:bg-primary/5">
{order.order_number && (
<span className="absolute left-1.5 top-1.5 z-10 flex size-5 items-center justify-center rounded-full border bg-background text-xs font-semibold text-muted-foreground shadow">
{order.order_number}
</span>
)}
<div className="flex flex-col">
<div className="flex items-center gap-4">
{customer && <CustomerAvatar customer={customer} />}
@ -38,7 +43,6 @@ export function OrderCard({
{services}
</span>
</div>
{/* <span className="text-xs text-foreground">{clientName}</span> */}
</div>
</div>
{order?.state && getBadge(order.state)}