diff --git a/src/components/OrderProfile.jsx b/src/components/OrderProfile.jsx
index 5fe142a..34310d6 100644
--- a/src/components/OrderProfile.jsx
+++ b/src/components/OrderProfile.jsx
@@ -12,7 +12,8 @@ import {
   ReloadOutlined,
 } from '@ant-design/icons'
 
-import { useEffect, useState, useRef } from 'react'
+import { useEffect, useState } from 'react'
+import { Link, useNavigate } from 'react-router-dom'
 import { App, Flex, Select, Tooltip, Divider, Typography, Skeleton, Checkbox, Drawer, Button, Form, Input } from 'antd'
 import { useOrderStore, fetchSetRemindStateAction, OrderLabelDefaultOptions, OrderStatusDefaultOptions, remindStatusOptions } from '@/stores/OrderStore'
 import { copy, isEmpty } from '@/utils/commons'
@@ -20,6 +21,7 @@ import { useShallow } from 'zustand/react/shallow'
 import useConversationStore from '@/stores/ConversationStore'
 import useAuthStore from '@/stores/AuthStore'
 const OrderProfile = ({ coliSN, ...props }) => {
+  const navigate = useNavigate()
   const { notification, message } = App.useApp()
   const [formComment] = Form.useForm()
   const [loading, setLoading] = useState(false)
@@ -111,10 +113,12 @@ const OrderProfile = ({ coliSN, ...props }) => {
             <MailOutlined className='pr-1' />
             {customerDetail.email}
           </Typography.Text>
-          <Typography.Link href={`/order/chat/${coliSN}`}>
+          <Typography.Text>
             <WhatsAppOutlined className=' pr-1' />
-            {customerDetail.whatsapp_phone_number}
-          </Typography.Link>
+            <Link to={`/order/chat/${coliSN}`} state={orderDetail}>
+              {customerDetail.whatsapp_phone_number}
+            </Link>
+          </Typography.Text>
           <Typography.Text>
             <Tooltip title='出发日期'>
               <CalendarOutlined className='pr-1' />