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

vouchers update

Browse Source
This commit is contained in:
enggar_ganteng
2019-01-04 19:28:48 +07:00
parent 5de16ba4d5
commit d2ad20cfdc
5 changed files with 104 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,9 +1,10 @@
import React from 'react';
import {inject, observer} from 'mobx-react';
import {
FlatButton
FlatButton,
Divider
} from 'material-ui';
import { Affix, Card, Slider, Select, Row, Col, Icon, Tag,Rate, Button, Checkbox ,Divider, DatePicker, Alert, Input ,Avatar} from 'antd';
import { Affix, Card, Slider, Select, Row, Col, Icon, Tag,Rate, Button, Checkbox , DatePicker, Alert, Input ,Avatar} from 'antd';
import {startCase} from 'lodash';
import LoadingDialog from "../../LoadingDialog";
import Loader from 'react-loader-advanced';
@@ -38,8 +39,8 @@ export default class CheckoutVouchers extends React.Component {
return (
<div className="wallet containerMiddle">
<div className="row">
<div className="col s0 m2 l2" />
<div className="col s12 m8 l8">
<div className="col s0 m3 l3" />
<div className="col s12 m6 l6">
<div className="row">
<FlatButton
className="headerMenu"
@@ -50,13 +51,23 @@ export default class CheckoutVouchers extends React.Component {
primary={true}
icon={<NavigationArrowBack />}
/>
<Divider style={{ marginBottom: 20, marginTop: 20, marginLeft:20 }} />
<Card title={<div style={{display:'flex',justifyContent:'center'}}>
<h2 style={{fontSize:20}}>
<Divider style={{marginBottom:10,marginTop:10}} />
<Card
// title={<div style={{display:'flex',justifyContent:'center'}}>
// <p style={{fontSize:20}}>
// Detail Pembelian
// </p>
// </div>}
>
<div className="">
<div style={{display:'flex',justifyContent:'center'}}>
<h3 style={{fontSize:18}}>
Detail Pembelian
</h2>
</div>}>
<div className="row">
</h3>
</div>
</div>
<Divider style={{marginBottom:10,marginTop:10}} />
<div className="row" style={{marginTop:30}}>
<div className="col s4 m4 l4">
<div style={{display:'flex',justifyContent:'center',alignItems:'center'}}>
<Avatar size={74} src="https://png.pngtree.com/element_origin_min_pic/17/09/17/d78f6e704459b24bcdd0f32943d29145.jpg" />
@@ -93,7 +104,7 @@ export default class CheckoutVouchers extends React.Component {
<h3 style={{color:'#FF6F00'}}>11,570 Points</h3>
</div>
</div>
<Divider />
<Divider style={{marginBottom:10,marginTop:10}} />
<div className="row">
<div style={{display:'flex',justifyContent:'space-between'}}>
<h3>Total Pembayaran Point</h3>
@@ -106,7 +117,7 @@ export default class CheckoutVouchers extends React.Component {
</Card>
</div>
</div>
<div className="col s0 m2 l2" />
<div className="col s0 m3 l3" />
</div>
</div>
)