order-card: add order_number to ui
This commit is contained in:
parent
204e3b7581
commit
4369110076
@ -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)}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user