perf: 会话属性信息的emoji的提示

src/views/Conversations/Online/Components/ChatListItem.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { useParams, useNavigate } from 'react-router-dom';
-import { Dropdown, Input, Button, Tag, Popover, Form } from 'antd';
+import { Dropdown, Input, Button, Tag, Popover, Form, Tooltip } from 'antd';
 import { CloseCircleOutlined, MinusCircleOutlined } from '@ant-design/icons';
 import { fetchConversationItemClose, fetchConversationsSearch, fetchConversationItemUnread, fetchConversationItemTop, postConversationTags, deleteConversationTags } from '@/actions/ConversationActions';
 import { ChatItem } from 'react-chat-elements';
@@ -17,9 +17,9 @@ import { whatsappMsgTypeMapped } from '@/channel/bubbleMsgUtils';
 
 const OrderSignEmoji = ({ item }) => (
   <>
-    {OrderLabelDefaultOptionsMapped[String(item.order_label_id)]?.emoji}
+    <Tooltip color={'cyan'} title={OrderLabelDefaultOptionsMapped[String(item.order_label_id)]?.label}>{OrderLabelDefaultOptionsMapped[String(item.order_label_id)]?.emoji}</Tooltip>
-    {OrderStatusDefaultOptionsMapped[String(item.order_state_id)]?.emoji}
+    <Tooltip color={'orange'} title={OrderStatusDefaultOptionsMapped[String(item.order_state_id)]?.label}>{OrderStatusDefaultOptionsMapped[String(item.order_state_id)]?.emoji}</Tooltip>
-    {item.intour === 1 && item.order_state_id===5 ? '👣' : ''}
+    <Tooltip color={'volcano'} title={'走团中'}>{item.intour === 1 && item.order_state_id === 5 ? '👣' : ''}</Tooltip>
   </>
 )