perf: 历史记录: 显示同步返回的错误信息

src/channel/whatsappUtils.js

@@ -534,6 +534,15 @@ export const parseRenderMessageList = (messages) => {
     msgContent.template = msg.msgtype === 'template' ? { ...msgContent.template, ...msg.template_AsJOSN } : {};
     const msgType = Object.keys(whatsappMsgTypeMapped).includes(msgContent.type) ? msgContent.type : 'unsupported';
     // const parseMethod = msgContent.bizType === 'whatsapp' ? cloneDeep(whatsappMsgTypeMapped) : {};
+    let waCode, waError = '';
+    if ((msgContent?.status || 'failed') === 'failed' && msgContent.errorMessage && msg.msg_direction === 'outbound') {
+      (waCode = msgContent.errorMessage.match(/\(#(\d+)\)/));
+      (waError = (whatsappError?.[waCode?.[1]] || whatsappError?.[msgContent.errorCode] || msgContent.errorMessage));
+      if (!isEmpty(msgContent.whatsappApiError)) {
+        waError = whatsappError?.[msgContent.whatsappApiError.code] || msgContent.whatsappApiError.message;
+        waError += `\n[${msgContent.errorCode}] ${whatsappError?.[msgContent.errorCode] || msgContent.errorMessage}`;
+      }
+    }
     return {
       ...msg,
       msgOrigin: msgContent,
@@ -552,7 +561,7 @@ export const parseRenderMessageList = (messages) => {
             sender: 'me',
             senderName: 'me',
             status: msgStatusRenderMapped[msgContent?.status || 'failed'],
-            dateString: msgStatusRenderMapped[msgContent?.status || 'failed'] === 'failed' ? `${(msg.msgtime || '').replace('T', ' ')} 发送失败 ${whatsappError?.[msgContent.errorCode] || msgContent.errorMessage || ''} ❌` : '',
+            dateString: msgStatusRenderMapped[msgContent?.status || 'failed'] === 'failed' ? `${(msg.msgtime || '').replace('T', ' ')} 发送失败 ${waError} ❌` : '',
             statusCN: msgStatusRenderMappedCN[msgContent?.status || 'failed'],
             statusTitle: msgStatusRenderMappedCN[msgContent?.status || 'failed'],
           }

src/views/Conversations/History/MessagesList.jsx

@@ -245,7 +245,7 @@ const MessagesList = ({ ...props }) => {
                     }
                   : {})}
                 renderAddCmp={
-                  <div key={'msg-prefix'} className='border-dashed border-0 border-t border-slate-300 text-slate-600 space-x-2 emoji'>
+                  <div key={'msg-prefix'} className='border-dashed border-0 border-t border-slate-300 text-slate-600 space-x-2 emoji whitespace-nowrap'>
                     <span
                       className={`p-1 rounded-b ${message.msg_direction === 'outbound' ? 'text-white' : ''} `}
                       style={{ backgroundColor: message.msg_direction === 'outbound' ? stringToColour(message.senderName) : 'unset' }}>