From 0b0bd8bcfe4b8df8a034a3674ae3d63bd732cffa Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Wed, 25 Dec 2024 14:33:08 +0800
Subject: [PATCH 1/2] =?UTF-8?q?webhook=20=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 wai-server/core/services/whatsappHandler.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/wai-server/core/services/whatsappHandler.js b/wai-server/core/services/whatsappHandler.js
index f558567..763eac1 100644
--- a/wai-server/core/services/whatsappHandler.js
+++ b/wai-server/core/services/whatsappHandler.js
@@ -27,6 +27,7 @@ const webhookBodyBuilder = (messageData, messageType) => {
     waiMessage: {
       ...messageData,
       ...(messageData.updateTime ? { [timeField[messageData.status]]: messageData.updateTime } : {}),
+      wamid: messageData.id,
       direction: directionField[messageType],
       externalId: '', // todo:
     },

From 23cc6787d8db0fca4141e65b830f44ae54466e9c Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Wed, 25 Dec 2024 15:11:13 +0800
Subject: [PATCH 2/2] style: chat window

---
 src/views/ChatWindow.jsx                             | 12 ++++++------
 .../Conversations/Online/order/CustomerProfile.jsx   |  4 ++--
 src/views/DesktopApp.jsx                             |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/views/ChatWindow.jsx b/src/views/ChatWindow.jsx
index ce803d3..f3c1d37 100644
--- a/src/views/ChatWindow.jsx
+++ b/src/views/ChatWindow.jsx
@@ -25,12 +25,12 @@ const ChatWindow = () => {
 
   return (
     <>
-      <Layout hasSider className='h-screen chatwindow-wrapper' style={{ maxHeight: 'calc(100% - 198px)', height: 'calc(100% - 198px)' }}>
+      <Layout hasSider className='h-screen chatwindow-wrapper' style={{ maxHeight: 'calc(100% - 166px)', height: 'calc(100% - 166px)' }}>
         <Sider
-          width={300}
+          width={340}
           theme={'light'}
           className='h-full overflow-y-auto h-parent'
-          style={{ maxHeight: 'calc(100vh - 198px)', height: 'calc(100vh - 198px)' }}
+          style={{ maxHeight: 'calc(100vh - 166px)', height: 'calc(100vh - 166px)' }}
           collapsible={true}
           breakpoint='xl'
           collapsedWidth={73}
@@ -43,7 +43,7 @@ const ChatWindow = () => {
           <ConversationsList />
         </Sider>
 
-        <Content style={{ maxHeight: 'calc(100vh - 198px)', height: 'calc(100vh - 198px)', minWidth: '360px' }}>
+        <Content style={{ maxHeight: 'calc(100vh - 166px)', height: 'calc(100vh - 166px)', minWidth: '360px' }}>
           <Layout className='h-full'>
             <Header className='px-1 ant-layout-sider-light ant-card h-auto flex justify-between gap-1 items-center'>
               {/* <Button type='text' icon={collapsedLeft ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />} onClick={() => setCollapsedLeft(!collapsedLeft)} className=' rounded-none rounded-l' /> */}
@@ -63,10 +63,10 @@ const ChatWindow = () => {
         </Content>
 
         <Sider
-          width={300}
+          width={400}
           theme={'light'}
           className=' overflow-y-auto'
-          style={{ maxHeight: 'calc(100vh - 198px)', height: 'calc(100vh - 198px)' }}
+          style={{ maxHeight: 'calc(100vh - 166px)', height: 'calc(100vh - 166px)' }}
           collapsible={true}
           breakpoint='xl'
           collapsedWidth={0}
diff --git a/src/views/Conversations/Online/order/CustomerProfile.jsx b/src/views/Conversations/Online/order/CustomerProfile.jsx
index 78dee84..749514b 100644
--- a/src/views/Conversations/Online/order/CustomerProfile.jsx
+++ b/src/views/Conversations/Online/order/CustomerProfile.jsx
@@ -122,7 +122,7 @@ const CustomerProfile = () => {
 		setNewChatModalVisible(false);
 	};
 
-  const handleEmailClick = useCallback((emailItem) => {
+  const handle3rdEmailItemClick = useCallback((emailItem) => {
     const emailMsg = {
       conversationid: currentConversationID,
       order_opi: orderDetail.opi_sn,
@@ -293,7 +293,7 @@ const CustomerProfile = () => {
               <List.Item
                 className='hover:bg-stone-50 cursor-pointer'
                 onClick={() => {
-                  handleEmailClick(email)
+                  handle3rdEmailItemClick(email)
                 }}>
                   <Flex
                     vertical
diff --git a/src/views/DesktopApp.jsx b/src/views/DesktopApp.jsx
index b8c4381..21ecce4 100644
--- a/src/views/DesktopApp.jsx
+++ b/src/views/DesktopApp.jsx
@@ -235,7 +235,7 @@ function DesktopApp() {
       <Layout>
         <Content
           style={{
-            padding: 24,
+            padding: 8,
             margin: 0,
             minHeight: 280,
             background: colorBgContainer,