From 96daa64eb182b5fbe380b625d534958164aad892 Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Thu, 22 May 2025 17:04:09 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=9A=E8=AF=9D=E5=88=97=E8=A1=A8=20?=
 =?UTF-8?q?=E9=A1=B6=E9=83=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ChatWindow.jsx                            |  4 ++--
 .../Online/Components/ChatListFilter.jsx            | 13 +++++++++++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/views/ChatWindow.jsx b/src/views/ChatWindow.jsx
index 1e71720..0c5a150 100644
--- a/src/views/ChatWindow.jsx
+++ b/src/views/ChatWindow.jsx
@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 import { Layout, Spin, Button } from 'antd';
-import { RightCircleOutlined, RightOutlined, ReloadOutlined, MenuFoldOutlined, MenuUnfoldOutlined, VerticalRightOutlined, VerticalLeftOutlined } from '@ant-design/icons';
+import { RightCircleOutlined, RightOutlined, ReloadOutlined, MenuFoldOutlined, MenuUnfoldOutlined,  LeftOutlined } from '@ant-design/icons';
 // import { useParams, useNavigate } from 'react-router-dom';
 import MessagesHeader from './Conversations/Online/MessagesHeader';
 import MessagesWrapper from './Conversations/Online/MessagesWrapper';
@@ -49,7 +49,7 @@ const ChatWindow = () => {
               {/* <Button type='text' icon={collapsedLeft ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />} onClick={() => setCollapsedLeft(!collapsedLeft)} className=' rounded-none rounded-l' /> */}
               <MessagesHeader />
               {/* <Button type='text' icon={<ReloadOutlined />} onClick={() => setCollapsedRight(!collapsedRight)} className='' title='最新消息记录' /> */}
-              <Button type='text' icon={collapsedRight ? <VerticalRightOutlined /> : <VerticalLeftOutlined />} onClick={() => setCollapsedRight(!collapsedRight)} className=' rounded-none rounded-r' />
+              <Button type='text' icon={collapsedRight ? <RightOutlined /> : <LeftOutlined />} onClick={() => setCollapsedRight(!collapsedRight)} className=' rounded-none rounded-r' />
             </Header>
             <Content className="flex-grow bg-whatsapp-bg relative" >
               <MessagesWrapper />
diff --git a/src/views/Conversations/Online/Components/ChatListFilter.jsx b/src/views/Conversations/Online/Components/ChatListFilter.jsx
index 0684ead..3d42efb 100644
--- a/src/views/Conversations/Online/Components/ChatListFilter.jsx
+++ b/src/views/Conversations/Online/Components/ChatListFilter.jsx
@@ -127,6 +127,19 @@ const ChatListFilter = ({ onFilterChange, activeList, ...props }) => {
             setFilterOtype(e.target.value)
           }}
         /> */}
+        {tags.slice(0, 2).map((tag, ti) => (
+          <Tag.CheckableTag
+            className='mb-1'
+            key={tag.key}
+            checked={selectedTags.includes(tag.key)}
+            onChange={(checked) => handleTagsChange(tag, checked)}
+            style={TagColorStyle(
+              tag.label,
+              selectedTags.includes(tag.key),
+            )}>
+            {tag.label}
+          </Tag.CheckableTag>
+        ))}
         <Popover
           destroyTooltipOnHide
           placement='bottomLeft'