From 7918547137a1bf5521d2ed47563c1d36505a6934 Mon Sep 17 00:00:00 2001
From: morteza-mortezai <mrtz.mrtzi.1989@gmail.com>
Date: Tue, 14 Jul 2026 22:49:57 +0330
Subject: [PATCH] update

---
 src/pages/orders/Details.tsx                  |  9 --------
 .../orders/components/OrderItemsDetails.tsx   | 22 +++++++++++++++++++
 2 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/pages/orders/Details.tsx b/src/pages/orders/Details.tsx
index b4d14b3..03de98d 100644
--- a/src/pages/orders/Details.tsx
+++ b/src/pages/orders/Details.tsx
@@ -255,15 +255,6 @@ const OrderDetails: FC = () => {
                 <h1 className='text-lg font-light'>
                     سفارش {formatFaNumber(order.orderNumber)}
                 </h1>
-                {/* <div>
-                    <Select
-                        items={statusItems}
-                        value={order.status}
-                        placeholder={t(`order_status.${order.status}`)}
-                        className='w-[200px]'
-                        style={{ backgroundColor: getStatusColor(order.status) }}
-                    />
-                </div> */}
             </div>
 
             <div className='flex gap-7 mt-9'>
diff --git a/src/pages/orders/components/OrderItemsDetails.tsx b/src/pages/orders/components/OrderItemsDetails.tsx
index 423e436..4d2fa70 100644
--- a/src/pages/orders/components/OrderItemsDetails.tsx
+++ b/src/pages/orders/components/OrderItemsDetails.tsx
@@ -1,4 +1,5 @@
 import Table from '@/components/Table'
+import Status from '@/components/Status'
 import { ShoppingCart, Calendar, Clock, Tag } from 'iconsax-react'
 import type { FC } from 'react'
 import type { ColumnType, RowDataType } from '@/components/types/TableTypes'
@@ -21,6 +22,19 @@ interface OrderItemsDetailsProps {
     getStatusColor: (status: string) => string
 }
 
+const getStatusVariant = (status: string): 'success' | 'error' | 'warning' | 'info' | 'pending' => {
+    const variantMap: Record<string, 'success' | 'error' | 'warning' | 'info' | 'pending'> = {
+        'new': 'pending',
+        'preparing': 'warning',
+        'deliveredToWaiter': 'info',
+        'deliveredToReceptionist': 'info',
+        'shipped': 'info',
+        'completed': 'success',
+        'canceled': 'error',
+    }
+    return variantMap[status] || 'pending'
+}
+
 const OrderItemsDetails: FC<OrderItemsDetailsProps> = ({ order, getStatusColor }) => {
     const { t } = useTranslation('global')
 
@@ -119,6 +133,14 @@ const OrderItemsDetails: FC<OrderItemsDetailsProps> = ({ order, getStatusColor }
                     </div>
                 </div>
 
+                <div className='flex gap-2 items-center'>
+                    <div className='text-description'>وضعیت سفارش:</div>
+                    <Status
+                        variant={getStatusVariant(order.status)}
+                        label={t(`order_status.${order.status}`)}
+                    />
+                </div>
+
                 <div className='flex gap-2'>
                     <div className='text-description'>نوع تحویل:</div>
                     <div>{order.deliveryMethod?.description || '-'}</div>