PPOB/ppob-frontend
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: change layout profile page

Browse Source
This commit is contained in:
caturbgs 2021-12-16 12:32:55 +07:00
parent 2cc6dc53c0
commit 19ef0eee64
1 changed files with 28 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/pages/Profile/Profile.js
View File

@ -53,36 +53,34 @@ export const Profile = observer(() => {
<div className={["ppob-container"].join(" ")}> <div className={["ppob-container"].join(" ")}>
<BreadcumbComponent data={routeData}/> <BreadcumbComponent data={routeData}/>
<Card> <Card>
<Row style={{marginBottom: 20}}>
<Col span={24}>
<div>
<Title strong>Profile</Title> <Title strong>Profile</Title>
<Row style={{marginBottom: 20}}>
<Col span={12}>
<Row> <Row>
<Col span={10}> <Col span={12}>
<Text strong>Name</Text> <Text strong>Name</Text>
</Col> </Col>
<Col span={14}> <Col span={12}>
<Text>{store.authentication.profileData?.username}</Text> <Text>{store.authentication.profileData?.username}</Text>
</Col> </Col>
<Col span={10}> <Col span={12}>
<Text strong>Role</Text> <Text strong>Role</Text>
</Col> </Col>
<Col span={14}> <Col span={12}>
<Text>{store.authentication.profileData.roles?.name}</Text> <Text>{store.authentication.profileData.roles?.name}</Text>
</Col> </Col>
<Col span={10}> <Col span={12}>
<Text strong>Superior</Text> <Text strong>Superior</Text>
</Col> </Col>
<Col span={14}> <Col span={12}>
<Text>{store.authentication.profileData.superior?.username}</Text> <Text>{store.authentication.profileData.superior?.username}</Text>
</Col> </Col>
<Col span={10}>
<Text strong>Wallet</Text>
</Col>
<Col span={14}>
<Text>{store.authentication.profileData.wallet}</Text>
</Col>
</Row> </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> </div>
</Col> </Col>
</Row> </Row>
@ -92,7 +90,7 @@ export const Profile = observer(() => {
<Title strong level={3}>History User Transaction</Title> <Title strong level={3}>History User Transaction</Title>
<Table <Table
columns={columns} columns={columns}
dataSource={store.transaction.dataHistoryTransaction} dataSource={store.transaction.dataHistoryTransaction.data}
bordered bordered
/> />
</div> </div>