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

src

Browse Source
This commit is contained in:
enggar_ganteng 2019-01-06 15:43:28 +07:00
parent 02c17264b7
commit d1e03f2472
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5,6 +5,7 @@ import { Modal, Button, Alert, Select } from 'antd';
import './style.scss'; import './style.scss';
import { Route } from 'react-router-dom' import { Route } from 'react-router-dom'
import {LINKS} from "../../../routes"; import {LINKS} from "../../../routes";
import NumberFormat from 'react-number-format';
const Option = Select.Option; const Option = Select.Option;
@inject('appstate') @inject('appstate')
@ -87,14 +88,14 @@ export default class ModalVouchersComponent extends React.Component {
}} }}
> >
{data.sku.map((item, index) => { {data.sku.map((item, index) => {
return <Option value={item.price}><div style={{display:'flex',justifyContent:'space-between', width:'100%'}}><span>{item.name}</span> <span style={{color:'#FF6F00', display:this.state.hidden}}>{item.price}</span></div></Option> return <Option value={item.price}><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>
})} })}
</Select> </Select>
<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'}>{this.state.selectedOption}</p> <p className={'costValueModal'}><NumberFormat value={(this.state.selectedOption)} displayType={'text'} thousandSeparator={true}/> </p>
</div> </div>
<div className={'costRightPaneModal'}> <div className={'costRightPaneModal'}>
<Route render={({ history}) => ( <Route render={({ history}) => (