历史记录: 会话显示Me的名字

src/actions/ConversationActions.js

@@ -87,6 +87,7 @@ export const fetchConversationsSearch = async (params) => {
           ...ele,
           customer_name: `${ele.whatsapp_name || ''}`.trim(),
           whatsapp_name: `${ele.whatsapp_name || ''}`.trim(),
+          OPI_Name: `${ele.OPI_Name || ''}`.trim(),
           matchMsgList: parseRenderMessageList((ele.msglist_AsJOSN || [])), // .reverse()),
         }));
   return list;

src/components/SearchInput.jsx

@@ -36,7 +36,7 @@ function DebounceSelect({ fetchOptions, debounceTimeout = 800, ...props }) {
       optionFilterProp='label'
     >
       {options.map((d) => (
-        <Select.Option key={d.value} title={d.label}>
+        <Select.Option key={`${d.value}${d.label}`} title={d.label}>
           {d.label}
         </Select.Option>
       ))}

src/views/ChatHistory.jsx

@@ -285,8 +285,9 @@ function ChatHistory() {
                 letterItem={{ id: item.whatsapp_name || item.whatsapp_phone_number, letter: (item.whatsapp_name || item.whatsapp_phone_number).split(" ")[0] }}
                 alt={`${item.whatsapp_name}`}
                 title={item.whatsapp_name || item.whatsapp_phone_number}
-                subtitle={item.coli_id}
+                subtitle={`${item.OPI_Name || ''} ${item.coli_id || ''}`}
                 date={item.last_received_time}
+                // dateString={item.last_received_time}
                 className={String(item.conversationid) === String(selectedConversation.conversationid) ? '__active text-primary bg-neutral-100' : ''}
                 onClick={() => setSelectedConversation(item)}
               />
@@ -301,7 +302,7 @@ function ChatHistory() {
                     {...item}
                     key={item.sn}
                     id={item.sn}
-                    letterItem={{ id: item.senderName, letter: (item.senderName).split(" ")[0] }}
+                    letterItem={{ id: (item.sender === 'me' ? (selectedConversation.OPI_Name || item.senderName) : item.senderName), letter: (item.sender === 'me' ? (selectedConversation.OPI_Name || item.senderName) : item.senderName).split(" ")[0] }}
                     alt={`${item.senderName}`}
                     title={item.senderName}
                     subtitle={item.originText}
@@ -363,7 +364,7 @@ function ChatHistory() {
                         : {})}
                       renderAddCmp={
                         <div className='border-dashed border-0 border-t border-slate-300 text-slate-600 space-x-2 emoji'>
-                          <span className={`p-1 rounded-b ${message.msg_direction === 'outbound' ? 'text-white' : ''} `} style={{backgroundColor: message.msg_direction === 'outbound' ? stringToColour(message.senderName) : 'unset'}}>{message.senderName}</span>
+                          <span className={`p-1 rounded-b ${message.msg_direction === 'outbound' ? 'text-white' : ''} `} style={{backgroundColor: message.msg_direction === 'outbound' ? stringToColour(message.senderName) : 'unset'}}>{selectedConversation.OPI_Name || message.senderName}</span>
                           <span>{message.dateString || message.localDate}</span>
                           <span>{message.statusCN}</span>
                         </div>