From 4a20073ad62bd67d417f37454f56fe0d6bbc5f8c Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Mon, 27 Oct 2025 15:00:59 +0330
Subject: [PATCH] cc in detail

---
 src/pages/received/Detail.tsx | 33 ++++++++++++++++++++++++++++++---
 1 file changed, 30 insertions(+), 3 deletions(-)

diff --git a/src/pages/received/Detail.tsx b/src/pages/received/Detail.tsx
index 19a1afb..20011ce 100644
--- a/src/pages/received/Detail.tsx
+++ b/src/pages/received/Detail.tsx
@@ -179,18 +179,45 @@ const DetailEmail: FC = () => {
                     <img src={AvatarImage} className='size-10' />
                     {
                         messageDetail.mailboxName === MailboxEnum.SENT ?
-                            <div>
+                            <div className='flex-1'>
                                 <div className='text-sm'>{messageDetail.to[0].name || messageDetail.to[0].address}</div>
                                 <div className='text-xs text-description mt-0.5'>{messageDetail.to[0]?.address}</div>
                             </div>
                             :
-                            <div>
+                            <div className='flex-1'>
                                 <div className='text-sm'>{messageDetail.from.name || messageDetail.from.address}</div>
                                 <div className='text-xs text-description mt-0.5'>{messageDetail.from?.address}</div>
                             </div>
                     }
-
                 </div>
+
+                {/* CC Recipients */}
+                {messageDetail.cc && messageDetail.cc.length > 0 && (
+                    <div className='mt-4 mr-14'>
+                        <div className='text-xs text-description mb-2'>رونوشت (CC):</div>
+                        <div className='flex flex-wrap gap-2'>
+                            {messageDetail.cc.map((recipient, index) => (
+                                <div key={index} className='bg-secondary rounded-full px-3 py-1 text-xs'>
+                                    {recipient.name || recipient.address} {recipient.name && `<${recipient.address}>`}
+                                </div>
+                            ))}
+                        </div>
+                    </div>
+                )}
+
+                {/* BCC Recipients */}
+                {messageDetail.bcc && messageDetail.bcc.length > 0 && (
+                    <div className='mt-4 mr-14'>
+                        <div className='text-xs text-description mb-2'>رونوشت مخفی (BCC):</div>
+                        <div className='flex flex-wrap gap-2'>
+                            {messageDetail.bcc.map((recipient, index) => (
+                                <div key={index} className='bg-secondary rounded-full px-3 py-1 text-xs'>
+                                    {recipient.name || recipient.address} {recipient.name && `<${recipient.address}>`}
+                                </div>
+                            ))}
+                        </div>
+                    </div>
+                )}
             </div>
 
             <div className='xl:mt-8 mt-3 text-[13px] leading-7 font-light'>