voucher baru
This commit is contained in:
parent
8d56451280
commit
8a150bc8ee
|
@ -14,7 +14,8 @@ export default class ModalVouchersComponent extends React.Component {
|
||||||
super(props);
|
super(props);
|
||||||
this.props = props;
|
this.props = props;
|
||||||
this.state = {
|
this.state = {
|
||||||
selectedOption: '0 Points'
|
selectedOption: '0 Points',
|
||||||
|
hidden:'inline'
|
||||||
};
|
};
|
||||||
this.defaultState = Object.assign({}, this.state);
|
this.defaultState = Object.assign({}, this.state);
|
||||||
}
|
}
|
||||||
|
@ -73,11 +74,19 @@ export default class ModalVouchersComponent extends React.Component {
|
||||||
className={'optionSelectModal'}
|
className={'optionSelectModal'}
|
||||||
placeholder="Please Select your Option"
|
placeholder="Please Select your Option"
|
||||||
optionFilterProp="children"
|
optionFilterProp="children"
|
||||||
onChange={(e) => this.setState({selectedOption: e})}
|
onChange={(e) => {
|
||||||
// filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
|
this.setState({selectedOption: e})
|
||||||
|
this.setState({hidden: 'none'})
|
||||||
|
console.log(this.state.hidden,'onChange')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
onDropdownVisibleChange={(value) => {
|
||||||
|
this.setState({hidden: 'inline'})
|
||||||
|
console.log(this.state.hidden,'onDropdownVisibleChange')
|
||||||
|
}}
|
||||||
>
|
>
|
||||||
{data.option.map((item, index) => {
|
{data.option.map((item, index) => {
|
||||||
return <Option value={item.cost}>{item.value}</Option>
|
return <Option value={item.cost}><div style={{display:'flex',justifyContent:'space-between', width:'100%'}}><span>{item.value}</span> <span style={{color:'#FF6F00', display:this.state.hidden}}>{item.cost}</span></div></Option>
|
||||||
})}
|
})}
|
||||||
</Select>
|
</Select>
|
||||||
|
|
||||||
|
|
|
@ -41,7 +41,7 @@ export default class VouchersComponent extends React.Component {
|
||||||
{
|
{
|
||||||
name: 'KFC',
|
name: 'KFC',
|
||||||
image: 'https://ecs7.tokopedia.net/img/recharge/operator/kfc-box_150px_74px.png',
|
image: 'https://ecs7.tokopedia.net/img/recharge/operator/kfc-box_150px_74px.png',
|
||||||
description: 'KFC merupakan restoran cepat saji yang menyediakan ayam goreng serta berbagai menu pilihan lainnya seperti burger, sup, dan salad. Dengan rasa yang renyah dan gurih, siapa pun dijamin ketagihan dengan ayam goreng yang satu ini. Mau menikmati berbagai menu dari si "Jagonya Ayam" dengan lebih hemat? Beli vouchernya di Tokopedia aja!',
|
description: 'KFC merupakan restoran cepat saji yang menyediakan ayam goreng serta berbagai menu pilihan lainnya seperti burger, sup, dan salad. Dengan rasa yang renyah dan gurih, siapa pun dijamin ketagihan dengan ayam goreng yang satu ini.',
|
||||||
additional_information: 'Voucher ini berlaku hingga 29 hari setelah pembelian.',
|
additional_information: 'Voucher ini berlaku hingga 29 hari setelah pembelian.',
|
||||||
background_color: 'linear-gradient(rgb(214, 18, 53), rgb(100, 23, 24))',
|
background_color: 'linear-gradient(rgb(214, 18, 53), rgb(100, 23, 24))',
|
||||||
option: [
|
option: [
|
||||||
|
|
Loading…
Reference in New Issue
Block a user