From 4369110076ae29d16d3c97d2d454c58f9f62cba5 Mon Sep 17 00:00:00 2001
From: vchikalkin <djchikalkin@gmail.com>
Date: Fri, 27 Jun 2025 14:51:00 +0300
Subject: [PATCH] order-card: add order_number to ui

---
 apps/web/components/shared/order-card.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/web/components/shared/order-card.tsx b/apps/web/components/shared/order-card.tsx
index dce260e..7439acd 100644
--- a/apps/web/components/shared/order-card.tsx
+++ b/apps/web/components/shared/order-card.tsx
@@ -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)}