位置消息打开高德地图; style: sticker

src/lib/msgUtils.js

@@ -375,9 +375,9 @@ export const whatsappMsgTypeMapped = {
     type: 'location',
     data: (msg) => ({
       id: msg.wamid,
-      title: msg.location.name || '位置信息',
-      text: msg.location.address || '位置',
-      src: msg.location.url || 'https://cdn.pixabay.com/photo/2016/03/22/04/23/map-1272165_1280.png',
+      title: `位置信息 ${msg.location.name || ''} ↓打开高德地图`,
+      text: msg.location.address, // 地址
+      src: `https://uri.amap.com/marker?position=${msg.location.longitude},${msg.location.latitude}`,
       data: {
         longitude: msg.location?.longitude,
         latitude: msg.location?.latitude,

src/views/Conversations/Components/MessagesList.jsx

@@ -134,7 +134,7 @@ const MessagesList = ({ reference, contactsModalOpen, setContactsModalOpen, ...p
                 }
               : {
                   replyButton: ['text', 'document', 'image'].includes(message.whatsapp_msg_type) ? true : false,
-                  className: 'whitespace-pre-wrap',
+                  className: ['whitespace-pre-wrap', message.whatsapp_msg_type === 'sticker' ? 'bg-transparent' : ''].join(' '),
                 })}
             {...(message.type === 'meetingLink'
               ? {

src/views/Conversations/Conversations.css

@@ -48,8 +48,18 @@
 .chatwindow-wrapper .rce-citem {
     background: transparent;
 }
+.chatwindow-wrapper .bg-transparent .rce-mbox{
+    background: unset;
+    box-shadow: none;
+}
+.chatwindow-wrapper .bg-transparent .rce-mbox-left-notch,
+.chatwindow-wrapper .bg-transparent .rce-mbox-right-notch
+{
+    fill: transparent;
+}
 .chatwindow-wrapper .rce-mbox-time-block{
-    background: linear-gradient(0deg,#00000014,#0000);
+    /* background: linear-gradient(0deg,#00000014,#0000); */
+    background: unset;
     color: #00000073;
 }
 .chatwindow-wrapper .rce-mbox-text .emoji-text,