update

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'>

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>