From 39bf2e717b99a6e87590b984051c70e158c56689 Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Tue, 5 Mar 2024 00:23:21 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=95=E7=94=A8:=20=E5=9B=BE=E7=89=87,=20?=
 =?UTF-8?q?=E8=A7=86=E9=A2=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/msgUtils.js                                 | 13 ++++++++++---
 .../Conversations/Components/InputComposer.jsx      |  5 +++--
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/lib/msgUtils.js b/src/lib/msgUtils.js
index f46c65f..f97ece7 100644
--- a/src/lib/msgUtils.js
+++ b/src/lib/msgUtils.js
@@ -81,7 +81,7 @@ export const sentMsgTypeMapped = {
               message: msg.message_origin.text,
               title: msg.message_origin.senderName || 'Reference',
               titleColor: msg.message_origin?.senderName !== 'me' ? '#a791ff' : '#128c7e',
-              // titleColor: "#a791ff",
+              photoURL: msg.message_origin?.data?.uri || '',
             },
           }
         : {}),
@@ -213,6 +213,7 @@ export const whatsappMsgTypeMapped = {
       id: msg.wamid,
       text: msg.image.caption,
       data: { id: msg.wamid, uri: msg.image.link, width: '100%', height: 200, alt: msg.image.caption,  },
+      originText: msg.image?.caption || '',
       onOpen: () => {
         console.log('Open image', msg.image.link);
       },
@@ -227,6 +228,9 @@ export const whatsappMsgTypeMapped = {
       id: msg.wamid,
       data: { id: msg.wamid, uri: msg.sticker.link, width: '100%', height: 120, alt: '' },
     }),
+    renderForReply: (msg) => ({
+      id: msg.wamid, photoURL: msg.sticker.link, width: '100%', height: 200, alt: '', message: '[表情]'
+    }),
   },
   video: {
     type: 'video',
@@ -243,7 +247,7 @@ export const whatsappMsgTypeMapped = {
       },
     }),
     renderForReply: (msg) => ({
-      id: msg.wamid, videoURL: msg.video.link, width: 200, height: 200, alt: '',
+      id: msg.wamid, videoURL: msg.video.link, photoURL: msg.video.link, message: msg.video?.caption || '[视频]', width: 200, height: 200, alt: '',
     }),
   },
   audio: {
@@ -263,7 +267,10 @@ export const whatsappMsgTypeMapped = {
   },
   document: {
     type: 'file',
-    data: (msg) => ({ id: msg.wamid, title: msg.document?.filename || '', text: msg.document?.caption || msg.document?.filename || '', data: { uri: msg.document.link, extension: 'PDF', status: { click: false, download: true, loading: 0,  } } }),
+    data: (msg) => ({ id: msg.wamid, title: msg.document?.filename || '', text: msg.document?.caption || msg.document?.filename || '', data: { uri: msg.document.link, extension: 'PDF', status: { click: false, download: true, loading: 0,  } }, originText: msg.document?.caption || msg.document?.filename || '', }),
+    renderForReply: (msg) => ({
+      id: msg.wamid, message: msg.document?.caption || msg.document?.filename || '',
+    }),
   },
   // location: 'location',
   // contact: 'contact',
diff --git a/src/views/Conversations/Components/InputComposer.jsx b/src/views/Conversations/Components/InputComposer.jsx
index 7688e87..b0831da 100644
--- a/src/views/Conversations/Components/InputComposer.jsx
+++ b/src/views/Conversations/Components/InputComposer.jsx
@@ -97,8 +97,9 @@ const InputComposer = () => {
       {referenceMsg.id && (
         <Flex justify='space-between' className='reply-to bg-gray-100 p-1 rounded-none text-slate-500'>
           <div className='referrer-msg border-l-3 border-y-0 border-r-0 border-slate-300 border-solid pl-2 pr-1 py-1'>
-            <span className=' text-primary pr-1 italic'>{referenceMsg.senderName}</span>
-            {referenceMsg.originText}
+            <span className=' text-primary pr-1 italic align-top'>{referenceMsg.senderName}</span>
+            {referenceMsg.type === 'photo' && <Image width={100} src={referenceMsg.data.uri} />}
+            <span className='px-1'>{referenceMsg.originText}</span>
           </div>
           <Button type='text' title='取消引用' className=' rounded-none text-slate-500' icon={<CloseCircleOutlined />} size={'middle'} onClick={() => setReferenceMsg({})} />
         </Flex>