From 19ef0eee64df3745093ad87592ee9c44b6889253 Mon Sep 17 00:00:00 2001
From: caturbgs <savemeplease11>
Date: Thu, 16 Dec 2021 12:32:55 +0700
Subject: [PATCH] feat: change layout profile page

---
 src/pages/Profile/Profile.js | 58 +++++++++++++++++-------------------
 1 file changed, 28 insertions(+), 30 deletions(-)

diff --git a/src/pages/Profile/Profile.js b/src/pages/Profile/Profile.js
index 5d851ec..6eb391f 100644
--- a/src/pages/Profile/Profile.js
+++ b/src/pages/Profile/Profile.js
@@ -53,36 +53,34 @@ export const Profile = observer(() => {
         <div className={["ppob-container"].join(" ")}>
             <BreadcumbComponent data={routeData}/>
             <Card>
+                <Title strong>Profile</Title>
                 <Row style={{marginBottom: 20}}>
-                    <Col span={24}>
-                        <div>
-                            <Title strong>Profile</Title>
-                            <Row>
-                                <Col span={10}>
-                                    <Text strong>Name</Text>
-                                </Col>
-                                <Col span={14}>
-                                    <Text>{store.authentication.profileData?.username}</Text>
-                                </Col>
-                                <Col span={10}>
-                                    <Text strong>Role</Text>
-                                </Col>
-                                <Col span={14}>
-                                    <Text>{store.authentication.profileData.roles?.name}</Text>
-                                </Col>
-                                <Col span={10}>
-                                    <Text strong>Superior</Text>
-                                </Col>
-                                <Col span={14}>
-                                    <Text>{store.authentication.profileData.superior?.username}</Text>
-                                </Col>
-                                <Col span={10}>
-                                    <Text strong>Wallet</Text>
-                                </Col>
-                                <Col span={14}>
-                                    <Text>{store.authentication.profileData.wallet}</Text>
-                                </Col>
-                            </Row>
+                    <Col span={12}>
+                        <Row>
+                            <Col span={12}>
+                                <Text strong>Name</Text>
+                            </Col>
+                            <Col span={12}>
+                                <Text>{store.authentication.profileData?.username}</Text>
+                            </Col>
+                            <Col span={12}>
+                                <Text strong>Role</Text>
+                            </Col>
+                            <Col span={12}>
+                                <Text>{store.authentication.profileData.roles?.name}</Text>
+                            </Col>
+                            <Col span={12}>
+                                <Text strong>Superior</Text>
+                            </Col>
+                            <Col span={12}>
+                                <Text>{store.authentication.profileData.superior?.username}</Text>
+                            </Col>
+                        </Row>
+                    </Col>
+                    <Col span={12}>
+                        <div style={{display: 'flex', flexDirection: 'column', alignItems: 'center'}}>
+                            <Title strong level={3}>Saldo</Title>
+                            <Text style={{fontSize: '1.25rem'}}>{store.authentication.profileData?.wallet}</Text>
                         </div>
                     </Col>
                 </Row>
@@ -92,7 +90,7 @@ export const Profile = observer(() => {
                             <Title strong level={3}>History User Transaction</Title>
                             <Table
                                 columns={columns}
-                                dataSource={store.transaction.dataHistoryTransaction}
+                                dataSource={store.transaction.dataHistoryTransaction.data}
                                 bordered
                             />
                         </div>