移动端: 返回列表

src/views/mobile/Chat.jsx

@@ -1,15 +1,19 @@
-import { Layout } from 'antd';
+import { Layout, Button } from 'antd';
 import MessagesHeader from '@/views/Conversations/Components/MessagesHeader';
 import MessagesWrapper from '@/views/Conversations/Components/MessagesWrapper';
 import InputComposer from '@/views/Conversations/Components/InputComposer';
+import { UnorderedListOutlined } from '@ant-design/icons';
+import { useNavigate } from 'react-router-dom';
 
 const { Content, Header, Footer } = Layout;
 
 function Chat() {
+  const navigate = useNavigate();
   return (
     <>
-      <Layout className='h-full chatwindow-wrapper mobilechat-wrapper' style={{ maxHeight: 'calc(100vh - 84px)', height: 'calc(100vh - 84px)', minWidth: '360px' }}>
-        <Header className='ant-layout-sider-light ant-card h-auto flex justify-between gap-1 items-center'>
+      <Layout className='h-full chatwindow-wrapper mobilechat-wrapper' style={{ maxHeight: 'calc(100vh - 20px)', height: 'calc(100vh - 20px)', minWidth: '360px' }}>
+        <Header className=' px-2 ant-layout-sider-light ant-card h-auto flex justify-between gap-1 items-center'>
+          <Button type='text' icon={<UnorderedListOutlined />} onClick={() => navigate('/m/conversation')} className=' rounded-none rounded-l' />
           <MessagesHeader />
         </Header>
         <Content className='flex-grow bg-whatsapp-bg relative'>