From 361c76143518523a43eddcdf8c0646aaa7bb013d Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Sun, 12 Oct 2025 17:05:46 +0330
Subject: [PATCH] Fix sender detection logic to use senderRef field

- Change IMessage interface to use senderRef instead of sender
- Update message rendering logic to check if senderRef === 'Admin' for admin messages
- All other messages are treated as seller messages
---
 src/pages/ticket/TicketMessages.tsx | 73 +++++++++++++++--------------
 src/pages/ticket/types/Types.ts     |  2 +-
 2 files changed, 39 insertions(+), 36 deletions(-)

diff --git a/src/pages/ticket/TicketMessages.tsx b/src/pages/ticket/TicketMessages.tsx
index 725f31d..a7066f6 100644
--- a/src/pages/ticket/TicketMessages.tsx
+++ b/src/pages/ticket/TicketMessages.tsx
@@ -146,46 +146,49 @@ const TicketMessages: FC = () => {
                             هیچ پیامی یافت نشد
                         </div>
                     ) : (
-                        messages.map((message: IMessage) => (
-                            <div
-                                key={message._id}
-                                className={`flex ${message.sender === 'admin' ? 'justify-end' : 'justify-start'}`}
-                            >
+                        messages.map((message: IMessage) => {
+                            const isAdmin = message.senderRef === 'Admin'
+                            return (
                                 <div
-                                    className={`max-w-[70%] p-4 rounded-2xl ${
-                                        message.sender === 'admin'
-                                            ? 'bg-blue-500 text-white rounded-br-md'
-                                            : 'bg-gray-100 text-gray-900 rounded-bl-md'
-                                    }`}
+                                    key={message._id}
+                                    className={`flex ${isAdmin ? 'justify-end' : 'justify-start'}`}
                                 >
-                                    <div className="text-sm mb-2">
-                                        {message.sender === 'admin' ? 'ادمین' : 'فروشنده'}
-                                    </div>
-                                    <div className="whitespace-pre-wrap">
-                                        {message.content}
-                                    </div>
-                                    {message.attachments && message.attachments.length > 0 && (
-                                        <div className="mt-2 space-y-1">
-                                            {message.attachments.map((attachment, index) => (
-                                                <div
-                                                    key={index}
-                                                    className={`text-xs underline ${
-                                                        message.sender === 'admin' ? 'text-blue-100' : 'text-blue-600'
-                                                    }`}
-                                                >
-                                                    فایل ضمیمه: {attachment}
-                                                </div>
-                                            ))}
+                                    <div
+                                        className={`max-w-[70%] p-4 rounded-2xl ${
+                                            isAdmin
+                                                ? 'bg-blue-500 text-white rounded-br-md'
+                                                : 'bg-gray-100 text-gray-900 rounded-bl-md'
+                                            }`}
+                                    >
+                                        <div className="text-sm mb-2">
+                                            {isAdmin ? 'ادمین' : 'فروشنده'}
+                                        </div>
+                                        <div className="whitespace-pre-wrap">
+                                            {message.content}
+                                        </div>
+                                        {message.attachments && message.attachments.length > 0 && (
+                                            <div className="mt-2 space-y-1">
+                                                {message.attachments.map((attachment, index) => (
+                                                    <div
+                                                        key={index}
+                                                        className={`text-xs underline ${
+                                                            isAdmin ? 'text-blue-100' : 'text-blue-600'
+                                                        }`}
+                                                    >
+                                                        فایل ضمیمه: {attachment}
+                                                    </div>
+                                                ))}
+                                            </div>
+                                        )}
+                                        <div className={`text-xs mt-2 ${
+                                            isAdmin ? 'text-blue-100' : 'text-gray-500'
+                                        }`}>
+                                            {message.createdAt && formatDate(message.createdAt)}
                                         </div>
-                                    )}
-                                    <div className={`text-xs mt-2 ${
-                                        message.sender === 'admin' ? 'text-blue-100' : 'text-gray-500'
-                                    }`}>
-                                        {message.createdAt && formatDate(message.createdAt)}
                                     </div>
                                 </div>
-                            </div>
-                        ))
+                            )
+                        })
                     )}
                 </div>
             </div>
diff --git a/src/pages/ticket/types/Types.ts b/src/pages/ticket/types/Types.ts
index 644637e..514bb6a 100644
--- a/src/pages/ticket/types/Types.ts
+++ b/src/pages/ticket/types/Types.ts
@@ -65,7 +65,7 @@ export interface IMessage {
   attachments?: string[];
   createdAt?: string;
   updatedAt?: string;
-  sender?: "admin" | "seller";
+  senderRef?: string;
 }
 
 export interface ITicketResponse extends IBaseResponse {