From a89ec7e0a16a6fd8c81acba7bbd49d30ee83ac7c Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Fri, 15 Aug 2025 14:04:04 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E8=AE=A1=E5=88=92?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5=E5=90=8E=E9=80=80=E5=AF=BC=E8=88=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/reservation/Detail.jsx | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/views/reservation/Detail.jsx b/src/views/reservation/Detail.jsx
index 59b99d1..e344063 100644
--- a/src/views/reservation/Detail.jsx
+++ b/src/views/reservation/Detail.jsx
@@ -1,13 +1,12 @@
-import { useParams } from 'react-router-dom'
+import { useParams, useNavigate } from 'react-router-dom'
 import { useEffect, useState } from 'react'
-import { Row, Col, Space, Button, Table, Input, Typography, Modal, Tag, App } from 'antd'
+import { Row, Col, Space, Button, Table, Input, Typography, Modal, Tag, App, Flex } from 'antd'
 import {
-  FileOutlined
+  FileOutlined, ArrowLeftOutlined
 } from '@ant-design/icons'
 import { usingStorage } from '@/hooks/usingStorage'
 import useReservationStore from '@/stores/Reservation'
 import { useTranslation } from 'react-i18next'
-import BackBtn from '@/components/BackBtn'
 
 const { Title, Paragraph } = Typography
 const { TextArea } = Input
@@ -71,6 +70,7 @@ function Detail() {
     );
   }
 
+  const navigate = useNavigate();
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [confirmLoading, setConfirmLoading] = useState(false);
   const [confirmText, setConfirmText] = useState('');
@@ -161,14 +161,7 @@ function Detail() {
         />
       </Modal>
     <Space direction='vertical' className='w-full'>
-    <Row gutter={{ md: 24 }}>
-        <Col span={20}>
-      <Title level={4}>{t('group:RefNo')}: {reservationDetail.referenceNumber}; {t('group:ArrivalDate')}: {reservationDetail.arrivalDate};</Title>
-        </Col>
-        <Col span={4}>
-          <BackBtn to={'/reservation/newest?back'} />
-        </Col>
-      </Row>
+      <Flex horizontal align="flex-start" gap="middle"><Button type="text" icon={<ArrowLeftOutlined />}  onClick={() => navigate(-1)} /><Title level={4}> {t('group:RefNo')}: {reservationDetail.referenceNumber}; {t('group:ArrivalDate')}: {reservationDetail.arrivalDate};</Title></Flex>
       <Row gutter={{ md: 24 }}>
         <Col span={12} className='w-full'>
         <iframe id='msdoc-iframe-reservation' title='msdoc-iframe-reservation'