Ahmad.zuhdi.y/bukopin-redemption-client-react
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update: Transaction Page

Browse Source
This commit is contained in:
Rifqy Zacky Ariadhy
2019-01-04 23:07:36 +07:00
parent 6abf942ded
commit 69571af6f7
4 changed files with 125 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/common/pages/Transaction/ItemList/index.js
View File

@@ -1,5 +1,5 @@
import React from 'react';
import {Card} from 'antd';
import {Card, Button, Alert} from 'antd';
import {inject, observer} from "mobx-react";
import faker from "faker";
@@ -29,26 +29,35 @@ export default class ItemList extends React.Component {
return(
<Card className={'cardContainer'}>
<div className={'parentContainerLeft'}>
<div className={'headerContainer'}>
<p className={'transactionCode'}>{data.transaction_id}</p>
<p className={'transactionDate'}>{data.updated_at}</p>
</div>
<div className={'bodyContainer'}>
<p className={'nameText'}>{data.name}</p>
<div className={'childContainer'}>
<p className={'childTitle'}>Price</p>
<p className={'childText'}>{data.price}</p>
<div className={'veryParentContainer'}>
<div className={'parentContainerLeft'}>
<div className={'headerContainer'}>
<p className={'transactionCode'}>{data.transaction_id}</p>
<p className={'transactionDate'}>{data.updated_at}</p>
</div>
<div className={'childContainer'}>
<p className={'childTitle'}>Voucher Code</p>
<p className={'childText'}>{data.voucher_code}</p>
<div className={'bodyContainer'}>
<p className={'nameText'}>{data.name}</p>
<div className={'childContainer'}>
<p className={'childTitle'}>Price</p>
<p className={'childText'}>{(+data.price).toFixed(0)} Points</p>
</div>
<div className={'childContainer'}>
<p className={'childTitle'}>Voucher Code</p>
<p className={'childText'}>{data.voucher_code}</p>
</div>
</div>
</div>
</div>
<div className={'parentContainerRight'}>
<p className={'statusTitle'}>Status</p>
<p className={'statusText'}>{data.status}</p>
<div className={'parentContainerRight'}>
<p className={'statusTitle'}>Status</p>
<p className={'statusText'}>{data.status}</p>
<div className={'buttonContainer'}>
<Button className={'buttonSubscribe'} block={true} success>Subscribe</Button>
<Button className={'buttonMore'} block={true} success>Buy More</Button>
</div>
<Alert style={{marginTop: '20px'}} message="Those Voucher Code has been sent to your email" type="info" />
</div>
</div>
</Card>
);