ticket

src/pages/ticket/Detail.tsx

@@ -4,7 +4,7 @@ import Input from '../../components/Input'
 import Textarea from '../../components/Textarea'
 import UploadBox from '../../components/UploadBox'
 import Button from '../../components/Button'
-import { CloseCircle, InfoCircle } from 'iconsax-react'
+import { CloseCircle, InfoCircle, Paperclip2 } from 'iconsax-react'
 import { useNavigate, useParams } from 'react-router-dom'
 import { useAddMessageTicket, useCloseTicket, useGetMessages, useMultiUpload } from './hooks/useTicketData'
 import PageLoading from '../../components/PageLoading'
@@ -124,6 +124,21 @@ const TicketDetail: FC = () => {
                                                 <div className='flex dltr end mt-6 text-xs text-description'>
                                                     {moment(item.createdAt).format('jYYYY-jMM-jDD HH:mm')}
                                                 </div>
+
+                                                <div className='flex gap-2 flex-wrap text-sm'>
+                                                    {
+                                                        item.attachments && item?.attachments?.map((item: any, index: number) => {
+                                                            return (
+                                                                <div className='text-[#0047FF] mt-2 flex  gap-1 items-center' key={item.id}>
+                                                                    <Paperclip2 size={20} color='#0047FF' />
+                                                                    <a href={item.attachmentUrl} target='_blank' rel='noreferrer'>
+                                                                        {t('attach') + ' ' + Number(index + 1)}
+                                                                    </a>
+                                                                </div>
+                                                            )
+                                                        })
+                                                    }
+                                                </div>
                                             </div>
                                         )
                                     } else {
@@ -143,6 +158,21 @@ const TicketDetail: FC = () => {
                                                         10:07  |  1403/09/30
                                                     </div>
                                                 </div>
+
+                                                <div className='flex gap-2 flex-wrap text-sm'>
+                                                    {
+                                                        item.attachments && item?.attachments?.map((item: any, index: number) => {
+                                                            return (
+                                                                <div className='text-[#0047FF] mt-2 flex  gap-1 items-center' key={item.id}>
+                                                                    <Paperclip2 size={20} color='#0047FF' />
+                                                                    <a href={item.attachmentUrl} target='_blank' rel='noreferrer'>
+                                                                        {t('attach') + ' ' + Number(index + 1)}
+                                                                    </a>
+                                                                </div>
+                                                            )
+                                                        })
+                                                    }
+                                                </div>
                                             </div>
                                         )
                                     }