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

perfect voucher

Browse Source
This commit is contained in:
enggar_ganteng 2019-01-06 18:45:24 +07:00
parent 21c56ad40f
commit aa2163eac5
3 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -93,7 +93,7 @@ export default class CheckoutVouchers extends React.Component {
<h3>Point :</h3> <h3>Point :</h3>
</div> </div>
<div className="col s12 m6 6"> <div className="col s12 m6 6">
<h3 style={{color:'#FF6F00'}}>{this.vouchersStore.skuPrice} Points</h3> <h3 style={{color:'#FF6F00'}}>{(+this.vouchersStore.skuPrice).toFixed(0)} Points</h3>
</div> </div>
</Row> </Row>
</div> </div>
@ -113,7 +113,7 @@ export default class CheckoutVouchers extends React.Component {
<div className="row"> <div className="row">
<div style={{display:'flex',justifyContent:'space-between'}}> <div style={{display:'flex',justifyContent:'space-between'}}>
<h3>Total Pembayaran Point</h3> <h3>Total Pembayaran Point</h3>
<h3 style={{color:'#FF6F00'}}>{this.vouchersStore.skuPrice} Points</h3> <h3 style={{color:'#FF6F00'}}>{(+this.vouchersStore.skuPrice).toFixed(0)} Points</h3>
</div> </div>
</div> </div>
<div className="row"> <div className="row">

12
src/common/pages/Vouchers/Modal/index.js
View File

@ -18,7 +18,8 @@ export default class ModalVouchersComponent extends React.Component {
selectedOption: '', selectedOption: '',
hidden:'inline', hidden:'inline',
skuName:'', skuName:'',
skuPrice:'0' skuPrice:'0',
buttonDisbaled:true
}; };
this.defaultState = Object.assign({}, this.state); this.defaultState = Object.assign({}, this.state);
this.http = props.appstate.http; this.http = props.appstate.http;
@ -94,7 +95,8 @@ export default class ModalVouchersComponent extends React.Component {
console.log(points[0].price,'points',points[0].name); console.log(points[0].price,'points',points[0].name);
this.setState({ this.setState({
skuName :points[0].name, skuName :points[0].name,
skuPrice : points[0].price skuPrice : points[0].price,
buttonDisbaled:false
}) })
} }
} }
@ -103,7 +105,7 @@ export default class ModalVouchersComponent extends React.Component {
}} }}
> >
{data.sku.map((item, index) => { {data.sku.map((item, index) => {
return <Option value={item.id}><div style={{display:'flex',justifyContent:'space-between', width:'100%'}}><span>{item.name}</span> <span style={{color:'#FF6F00', display:this.state.hidden}}><NumberFormat value={(item.price)} displayType={'text'} thousandSeparator={true}/> </span></div></Option> return <Option value={item.id}><div style={{display:'flex',justifyContent:'space-between', width:'100%'}}><span>{item.name}</span> <span style={{color:'#FF6F00', display:this.state.hidden}}><NumberFormat value={(+item.price).toFixed(0)} displayType={'text'} thousandSeparator={true}/> </span></div></Option>
// return <Option value={item.id}>{item.price}</Option> // return <Option value={item.id}>{item.price}</Option>
})} })}
</Select> </Select>
@ -111,7 +113,7 @@ export default class ModalVouchersComponent extends React.Component {
<div className={'costContainerModal'}> <div className={'costContainerModal'}>
<div className={'costLeftPaneModal'}> <div className={'costLeftPaneModal'}>
<p className={'costTitleModal'}>Points</p> <p className={'costTitleModal'}>Points</p>
<p className={'costValueModal'}><NumberFormat value={(this.state.skuPrice)} displayType={'text'} thousandSeparator={true}/> </p> <p className={'costValueModal'}><NumberFormat value={(+this.state.skuPrice).toFixed(0)} displayType={'text'} thousandSeparator={true}/> </p>
</div> </div>
<div className={'costRightPaneModal'}> <div className={'costRightPaneModal'}>
<Route render={({ history}) => ( <Route render={({ history}) => (
@ -124,7 +126,7 @@ export default class ModalVouchersComponent extends React.Component {
history.push(LINKS.VERIFY_VOUCHERS); history.push(LINKS.VERIFY_VOUCHERS);
} }
} }
type="primary" size={"large"} block>Buy</Button> type="primary" disabled={this.state.buttonDisbaled} size={"large"} block>Buy</Button>
)} /> )} />
</div> </div>
</div> </div>

8
src/common/pages/Vouchers/Payment/index.js
View File

@ -46,7 +46,7 @@ export default class PaymentVouchers extends React.Component {
}); });
}; };
const price = this.vouchersStore.skuPrice; const price = (+this.vouchersStore.skuPrice).toFixed(0);
const qty = 1; const qty = 1;
const total = price * qty; const total = price * qty;
@ -128,12 +128,8 @@ export default class PaymentVouchers extends React.Component {
this.vouchersStore.buyVoucher(this.vouchersStore.skuId) this.vouchersStore.buyVoucher(this.vouchersStore.skuId)
.then(res => { .then(res => {
this.globalUI.hideDialogLoading(); this.globalUI.hideDialogLoading();
this.props.history.push(LINKS.VOUCHERS) this.props.history.push(LINKS.TRANSACTION)
openNotificationWithIcon('success') openNotificationWithIcon('success')
// this.globalUI.openSnackbar("Success Added New Store");
// this.setState({
// stepIndex: 0
// })
}) })
.catch(err => { .catch(err => {
this.globalUI.openSnackbar(err.message); this.globalUI.openSnackbar(err.message);