diff --git a/src/views/AuthApp.jsx b/src/views/AuthApp.jsx
index 5eda539..a409c96 100644
--- a/src/views/AuthApp.jsx
+++ b/src/views/AuthApp.jsx
@@ -117,7 +117,7 @@ function AuthApp() {
                           backgroundColor: '#52c41a',
                         }}
                       /></Link> },
-                      { key: '/chat/history', label: <Link to='/chat/history'>聊天历史</Link> },
+                      { key: '/chat/history', label: <Link to='/chat/history'>聊天记录</Link> },
                     ]}
                   />
                 </Col>
diff --git a/src/views/ChatHistory.jsx b/src/views/ChatHistory.jsx
index f4f3528..5d38fbf 100644
--- a/src/views/ChatHistory.jsx
+++ b/src/views/ChatHistory.jsx
@@ -12,20 +12,52 @@ const { RangePicker } = DatePicker
 
 const data = [
   {
-    title: 'Samantha Mohammed',
-    content: 'Travel by Japan'
+    title: 'Ann',
+    avatarUrl: 'https://api.dicebear.com/7.x/miniavs/svg?seed=0',
+    msgTime: '03-04 13:45:29',
+    content: 'Hi, this is Ann from China Highlights travel and it is my pleasure to help your Beijing trip. I have sent you an email with the general idea about you trip. Please check it and if any question or new idea just let me know. We are specailized in customizing tour and I would like to work with you to create a tour itinerary that you like. Look forward to your reply.'
   },
   {
-    title: 'Margarita',
-    content: 'Hello! This a a big trip for our family of 16 people (ages ranging from 1- adults)'
+    title: 'David Azhari',
+    avatarUrl: 'https://api.dicebear.com/7.x/miniavs/svg?seed=2',
+    msgTime: '03-04 16:33:08',
+    content: 'Hi! I just replied to your email saying that I have a few questions and notes'
   },
   {
-    title: 'Vishnu',
-    content: 'FIRST TIME TRAVEL TO VIETNAM AND CAMBODIA WITHH STAY IN A CRUISING SHIP FOR 2 NIGHTS.'
+    title: 'David Azhari',
+    avatarUrl: 'https://api.dicebear.com/7.x/miniavs/svg?seed=2',
+    msgTime: '03-04 16:33:34',
+    content: 'So first, is it possible for you guys to write a PU Invitation letter for visas or no?'
   },
   {
-    title: 'Hailey',
-    content: 'Disregard my first email- I was using Siri and didn\'t realize all the typos. '
+    title: 'Ann',
+    avatarUrl: 'https://api.dicebear.com/7.x/miniavs/svg?seed=0',
+    msgTime: '03-04 16:33:41',
+    content: 'you prefer we discuss here or go on by mail ?'
+  },
+  {
+    title: 'David Azhari',
+    avatarUrl: 'https://api.dicebear.com/7.x/miniavs/svg?seed=2',
+    msgTime: '03-04 16:34:03',
+    content: 'I prefer by mail if it’s ok with you'
+  },
+  {
+    title: 'Ann',
+    avatarUrl: 'https://api.dicebear.com/7.x/miniavs/svg?seed=0',
+    msgTime: '03-04 16:34:28',
+    content: 'both is okay ,I am typing mail to you now lol and receive your message here.'
+  },
+  {
+    title: 'David Azhari',
+    avatarUrl: 'https://api.dicebear.com/7.x/miniavs/svg?seed=2',
+    msgTime: '03-05 02:56:37',
+    content: 'Ok thank you so much'
+  },
+  {
+    title: 'Ann',
+    avatarUrl: 'https://api.dicebear.com/7.x/miniavs/svg?seed=0',
+    msgTime: '03-04 16:44:03',
+    content: 'you are welcome I have sent the mail to you ,please check.it is my pleasure to assist you with your tour.'
   },
 ]
 
@@ -38,7 +70,7 @@ const SearchForm = memo(function ({ onSubmit }) {
     <Form
       layout={'inline'}
       form={form}
-      initialValues={{ orderLabel: '全部' }}
+      initialValues={{ }}
       onFinish={handleSubmit}
       style={{
         maxWidth: 'none',
@@ -56,6 +88,10 @@ const SearchForm = memo(function ({ onSubmit }) {
             value: '杨新玲',
             label: '杨新玲',
           },
+          {
+            value: '黄雪荣',
+            label: '黄雪荣',
+          },
           {
             value: '骆梅玉',
             label: '骆梅玉',
@@ -107,6 +143,26 @@ const SearchForm = memo(function ({ onSubmit }) {
             value: 'See Kok Ching',
             label: 'See Kok Ching',
           },
+          {
+            value: 'Jonathan Michael Lilley',
+            label: 'Jonathan Michael Lilley',
+          },
+          {
+            value: 'Loan',
+            label: 'Loan',
+          },
+          {
+            value: 'Leah Belle',
+            label: 'Leah Belle',
+          },
+          {
+            value: 'Christelle Narvasa',
+            label: 'Christelle Narvasa',
+          },
+          {
+            value: 'Mai Schaefer',
+            label: 'Mai Schaefer',
+          },
         ]}
       />
       </Form.Item>
@@ -135,19 +191,24 @@ function ChatHistory() {
     <>
       <SearchForm onSubmit={handleSubmit} />
       <Divider plain orientation='left'></Divider>
+      <div style={{maxWidth: '800px'}}>
       <List
-        itemLayout='horizontal'
+        itemLayout='vertical'
         dataSource={data}
         renderItem={(item, index) => (
-          <List.Item>
+          <List.Item
+          >
             <List.Item.Meta
-              avatar={<Avatar src={`https://api.dicebear.com/7.x/miniavs/svg?seed=${index}`} />}
+              avatar={<Avatar src={item.avatarUrl} />}
               title={<a href='https://ant.design'>{item.title}</a>}
-              description={item.content}
+              description={item.msgTime}
             />
+            <div>{item.content}</div>
           </List.Item>
+
         )}
       />
+      </div>
     </>
   )
 }