From cdf75c92c3c223780a7b6444e5ea8437adfa1a26 Mon Sep 17 00:00:00 2001
From: Jimmy Liow <18777396951@163.com>
Date: Tue, 9 May 2023 15:19:34 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E7=94=A8=E6=88=B7=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.jsx                         |  2 ++
 src/views/App.jsx                    |  5 ++---
 src/views/account/ChangePassword.jsx |  3 +--
 src/views/account/Profile.jsx        | 27 +++++++++++++++++++++++++++
 4 files changed, 32 insertions(+), 5 deletions(-)
 create mode 100644 src/views/account/Profile.jsx

diff --git a/src/main.jsx b/src/main.jsx
index 9d03202..286cc6d 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -19,6 +19,7 @@ import ReservationDetail from "@/views/reservation/Detail";
 import ReservationPrint from "@/views/reservation/Print";
 import ReservationNameCard from "@/views/reservation/NameCard";
 import ChangePassword from "@/views/account/ChangePassword";
+import AccountProfile from "@/views/account/Profile";
 import FeedbackIndex from "@/views/feedback/Index";
 import FeedbackDetail from "@/views/feedback/Detail";
 import NoticeIndex from "@/views/notice/Index";
@@ -47,6 +48,7 @@ const router = createBrowserRouter([
       { path: "reservation/:reservationId/print", element: <ReservationPrint />},
       { path: "reservation/:reservationId/name-card", element: <ReservationNameCard />},
       { path: "account/change-password", element: <ChangePassword />},
+      { path: "account/profile", element: <AccountProfile />},
       { path: "feedback", element: <FeedbackIndex />},
       { path: "feedback/:GRI_SN", element: <FeedbackDetail />},
       { path: "notice", element: <NoticeIndex />},
diff --git a/src/views/App.jsx b/src/views/App.jsx
index 0737f51..4f1a1c1 100644
--- a/src/views/App.jsx
+++ b/src/views/App.jsx
@@ -17,9 +17,8 @@ const items = [
 	},
 	{
 		label: (
-			<a target="_blank" rel="noopener noreferrer" href="#">
-				Privacy
-			</a>
+			
+      <Link to="/account/profile">Profile</Link>
 		),
 		key: "1",
 	},
diff --git a/src/views/account/ChangePassword.jsx b/src/views/account/ChangePassword.jsx
index f22420a..fe76a61 100644
--- a/src/views/account/ChangePassword.jsx
+++ b/src/views/account/ChangePassword.jsx
@@ -10,7 +10,6 @@ function ChangePassword() {
   const [form] = Form.useForm();
 
   const onFinish = (values) => {
-    console.info(values);
     authStore.changeUserPassword(values.currentPassword, values.newPassword)
       .then(() => {
         notification.success({
@@ -50,7 +49,7 @@ function ChangePassword() {
         onFinishFailed={onFinishFailed}
         autoComplete="off"
       >
-        <Form.Item><Title level={3}>Change your password</Title></Form.Item>
+        <Form.Item><Title level={2}>Change your password</Title></Form.Item>
         <Form.Item
           label="Current password"
           name="currentPassword"
diff --git a/src/views/account/Profile.jsx b/src/views/account/Profile.jsx
new file mode 100644
index 0000000..89900c2
--- /dev/null
+++ b/src/views/account/Profile.jsx
@@ -0,0 +1,27 @@
+import { Descriptions, Space, Form, Col, Row, Typography, App } from 'antd';
+import { useStore } from '@/stores/StoreContext.js';
+
+const { Title } = Typography;
+
+function Profile() {
+
+  const { authStore } = useStore();
+  const { notification } = App.useApp();
+
+  return (
+    <Row> 
+      <Col span={12} offset={6}>
+        <Descriptions title="User Profile" layout="vertical" column={2}>
+          <Descriptions.Item label="Username">Bruce Li</Descriptions.Item>
+          <Descriptions.Item label="Telephone">Tel:029-85360679 Mobile:13991970308/13310981198</Descriptions.Item>
+          <Descriptions.Item label="Email">lizhi@citsxa.com</Descriptions.Item>
+          <Descriptions.Item label="Company" span={2}>
+          XIAN CITS
+          </Descriptions.Item>
+        </Descriptions>
+      </Col>
+    </Row>
+  );
+}
+
+export default Profile;
\ No newline at end of file