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

payment vouchers page

Browse Source
This commit is contained in:
enggar_ganteng
2019-01-04 01:29:53 +07:00
parent fc901caca7
commit e00438a8de
5 changed files with 149 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/common/pages/Vouchers/Checkout/index.js
View File

@@ -11,8 +11,8 @@ import Loader from 'react-loader-advanced';
import {DIALOG} from "../../../stores/global_ui";
import EmptyComponent from '../../EmptyComponent';
import NavigationArrowBack from 'material-ui/svg-icons/navigation/arrow-back';
import Search from 'material-ui/svg-icons/action/search';
import Timer from 'react-compound-timer';
import {LINKS} from "../../../routes";
import {Route} from "react-router-dom";
@inject('appstate')
@observer
@@ -52,7 +52,7 @@ export default class CheckoutVouchers extends React.Component {
/>
<Divider style={{ marginBottom: 20, marginTop: 20, marginLeft:20 }} />
<Card title={<div style={{display:'flex',justifyContent:'center'}}>
<h2 style={{color:'grey'}}>
<h2 style={{fontSize:20}}>
Detail Pembelian
</h2>
</div>}>
@@ -66,18 +66,18 @@ export default class CheckoutVouchers extends React.Component {
<div style={{alignItems:'center'}}>
<div className="row">
<div className="col s12 m6 6">
<h3>Jenis Layanan</h3>
<h3>Jenis Layanan :</h3>
</div>
<div className="col s12 m6 6">
<h3 style={{color:'grey'}}> : KFC Rp.50.000,00</h3>
<h3 style={{color:''}}>KFC Rp.50.000,00</h3>
</div>
</div>
<div className="row">
<div className="col s12 m6 6">
<h3>Point</h3>
<h3>Point :</h3>
</div>
<div className="col s12 m6 6">
<h3 style={{color:'grey'}}> : 150,000</h3>
<h3 style={{color:'#FF6F00'}}>50 Points</h3>
</div>
</div>
</div>
@@ -89,19 +89,19 @@ export default class CheckoutVouchers extends React.Component {
<Card >
<div className="row">
<div style={{display:'flex',justifyContent:'space-between'}}>
<h3 style={{color:'grey'}}>Poin</h3>
<h3 style={{color:'grey'}}>150,000</h3>
<h3 style={{color:''}}>Point</h3>
<h3 style={{color:'#FF6F00'}}>11,570 Points</h3>
</div>
</div>
<Divider />
<div className="row">
<div style={{display:'flex',justifyContent:'space-between'}}>
<h3>Total Pembayaran Poin</h3>
<h3 style={{color:'#FF6F00'}}>150,000</h3>
<h3>Total Pembayaran Point</h3>
<h3 style={{color:'#FF6F00'}}>50 Points</h3>
</div>
</div>
<div className="row">
<Button type="primary" block>Lanjut</Button>
<Button type="primary" block onClick={() => this.props.history.push(LINKS.PAYMENT_VOUCHERS)}>Lanjut</Button>
</div>
</Card>
</div>