From 0b3b49840b919bbd82f0242e2c9070a4695af7ae Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Sun, 30 Nov 2025 09:31:07 +0330
Subject: [PATCH] order detail add theme vakue

---
 .../cancel/components/ProductSelection.tsx    |  5 +++++
 .../[id]/components/OrderProductItem.tsx      |  5 +++++
 src/app/profile/orders/[id]/invoice/page.tsx  |  9 ++++++++-
 .../return/components/ProductSelection.tsx    | 10 +++++-----
 src/app/profile/orders/types/Types.ts         | 19 ++++++++++++++++---
 5 files changed, 39 insertions(+), 9 deletions(-)

diff --git a/src/app/profile/orders/[id]/cancel/components/ProductSelection.tsx b/src/app/profile/orders/[id]/cancel/components/ProductSelection.tsx
index 51e7dd6..360552f 100644
--- a/src/app/profile/orders/[id]/cancel/components/ProductSelection.tsx
+++ b/src/app/profile/orders/[id]/cancel/components/ProductSelection.tsx
@@ -44,6 +44,11 @@ const ProductSelection: React.FC<ProductSelectionProps> = ({
                             <div className='flex-1 min-w-0'>
                                 <div className='font-medium truncate'>
                                     {item.product.title_fa}
+                                    {item.variant.themeValue && (
+                                        <span className='text-gray-600 font-normal'>
+                                            {' '}({item.variant.themeValue.name})
+                                        </span>
+                                    )}
                                 </div>
 
                                 <div className='mt-2 text-sm text-gray-600 space-y-1'>
diff --git a/src/app/profile/orders/[id]/components/OrderProductItem.tsx b/src/app/profile/orders/[id]/components/OrderProductItem.tsx
index 97ec78d..6ef61b3 100644
--- a/src/app/profile/orders/[id]/components/OrderProductItem.tsx
+++ b/src/app/profile/orders/[id]/components/OrderProductItem.tsx
@@ -29,6 +29,11 @@ const OrderProductItem: React.FC<OrderProductItemProps> = ({ item, shipperName }
             <div className='flex-1 w-full'>
                 <div className='truncate max-w-[90%] font-medium'>
                     {item.product.title_fa}
+                    {item.variant.themeValue && (
+                        <span className='text-gray-600 font-normal'>
+                            {' '}({item.variant.themeValue.name})
+                        </span>
+                    )}
                 </div>
 
                 <div className='mt-4 text-[#999999] space-y-3'>
diff --git a/src/app/profile/orders/[id]/invoice/page.tsx b/src/app/profile/orders/[id]/invoice/page.tsx
index 85d5a5f..e36b003 100644
--- a/src/app/profile/orders/[id]/invoice/page.tsx
+++ b/src/app/profile/orders/[id]/invoice/page.tsx
@@ -148,7 +148,14 @@ const OrderInvoicePage = () => {
                                                     </td>
                                                     <td className="border border-gray-300 p-3">
                                                         <div>
-                                                            <p className="font-medium">{item.product.title_fa}</p>
+                                                            <p className="font-medium">
+                                                                {item.product.title_fa}
+                                                                {item.variant.themeValue && (
+                                                                    <span className='text-gray-600 font-normal'>
+                                                                        {' '}({item.variant.themeValue.name})
+                                                                    </span>
+                                                                )}
+                                                            </p>
                                                             <p className="text-xs text-gray-600 mt-1">
                                                                 فروشنده: {orderItem.shop.shopName}
                                                             </p>
diff --git a/src/app/profile/orders/[id]/return/components/ProductSelection.tsx b/src/app/profile/orders/[id]/return/components/ProductSelection.tsx
index fc7cf46..79e76d3 100644
--- a/src/app/profile/orders/[id]/return/components/ProductSelection.tsx
+++ b/src/app/profile/orders/[id]/return/components/ProductSelection.tsx
@@ -52,11 +52,11 @@ const ProductSelection: React.FC<ProductSelectionProps> = ({
                                 <div className='flex-1 min-w-0'>
                                     <div className='font-medium text-sm leading-relaxed mb-2'>
                                         {item.product.title_fa}
-                                    </div>
-
-                                    <div className='flex items-center gap-2 mb-2'>
-                                        <div className='w-3 h-3 bg-gray-800 rounded-full'></div>
-                                        <span className='text-xs text-gray-600'>مشکی</span>
+                                        {item.variant.themeValue && (
+                                            <span className='text-gray-600 font-normal'>
+                                                {' '}({item.variant.themeValue.name})
+                                            </span>
+                                        )}
                                     </div>
 
                                     <div className='text-xs text-gray-500 mb-1'>
diff --git a/src/app/profile/orders/types/Types.ts b/src/app/profile/orders/types/Types.ts
index 64f723e..86cdd9b 100644
--- a/src/app/profile/orders/types/Types.ts
+++ b/src/app/profile/orders/types/Types.ts
@@ -135,10 +135,10 @@ export interface ShopDetails {
   shopCode: number;
   owner: string;
   shopDescription: string;
-  telephoneNumber: string;
+  telephoneNumber: string | null;
   isChatActive: boolean;
-  shopPostalCode: string;
-  logo: string;
+  shopPostalCode: string | null;
+  logo: string | null;
 }
 
 export interface ShipmentItem {
@@ -213,6 +213,17 @@ export interface Size {
   value: string;
 }
 
+export interface ThemeValue {
+  _id: string;
+  theme: string;
+  name: string;
+  value: string;
+}
+
+export interface SaleFormat {
+  wholeSale: unknown[];
+}
+
 export interface ProductVariantDetail {
   _id: string;
   market_status: string;
@@ -222,7 +233,9 @@ export interface ProductVariantDetail {
   isFreeShip: boolean;
   isWholeSale: boolean;
   shop: ShopDetails;
+  saleFormat: SaleFormat;
   warranty: Warranty;
+  themeValue: ThemeValue;
   meterage?: Meterage;
   size?: Size;
 }