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

ini lah vouchers sesungguhnya

Browse Source
This commit is contained in:
enggar_ganteng
2019-01-06 18:10:57 +07:00
parent 6572d4609e
commit 21c56ad40f
5 changed files with 83 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -28,10 +28,14 @@ export default class CheckoutVouchers extends React.Component {
this.http = props.appstate.http;
this.authStore = props.appstate.auth;
this.globalUI = props.appstate.globalUI;
this.vouchersStore = props.appstate.vouchers;
}
componentDidMount() {
console.log("skuid",this.vouchersStore.skuId);
console.log("skuName",this.vouchersStore.skuName);
console.log("skuPrice",this.vouchersStore.skuPrice);
console.log("data",this.vouchersStore.dataItems);
}
render() {
@@ -68,19 +72,20 @@ export default class CheckoutVouchers extends React.Component {
</div>
<Divider style={{marginBottom:10,marginTop:10}} />
<div className="row" style={{marginTop:30}}>
<div className="col s4 m4 l4">
<div className="col s5 m5 l5">
<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" />
<img className={'imageCard'} src={this.http.appendImagePath(this.vouchersStore.dataItems.images.logo)} />
{/* <Avatar size={74} src={this.http.appendImagePath(this.vouchersStore.dataItems.images.logo)} /> */}
</div>
</div>
<div className="col s4 m8 l8">
<div className="col s4 m7 l7">
<div style={{alignItems:'center'}}>
<Row>
<div className="col s12 m6 6">
<h3>Jenis Layanan :</h3>
</div>
<div className="col s12 m6 6">
<h3 style={{color:''}}>KFC Rp.50.000,00</h3>
<h3 style={{color:''}}>{this.vouchersStore.dataItems.name} {this.vouchersStore.skuName}</h3>
</div>
</Row>
<Row>
@@ -88,7 +93,7 @@ export default class CheckoutVouchers extends React.Component {
<h3>Point :</h3>
</div>
<div className="col s12 m6 6">
<h3 style={{color:'#FF6F00'}}>50 Points</h3>
<h3 style={{color:'#FF6F00'}}>{this.vouchersStore.skuPrice} Points</h3>
</div>
</Row>
</div>
@@ -108,7 +113,7 @@ export default class CheckoutVouchers extends React.Component {
<div className="row">
<div style={{display:'flex',justifyContent:'space-between'}}>
<h3>Total Pembayaran Point</h3>
<h3 style={{color:'#FF6F00'}}>50 Points</h3>
<h3 style={{color:'#FF6F00'}}>{this.vouchersStore.skuPrice} Points</h3>
</div>
</div>
<div className="row">