voucher baru

src/common/pages/Vouchers/Modal/index.js

@@ -14,7 +14,8 @@ export default class ModalVouchersComponent extends React.Component {
     super(props);
     this.props = props;
     this.state = {
-      selectedOption: '0 Points'
+      selectedOption: '0 Points',
+      hidden:'inline'
     };
     this.defaultState = Object.assign({}, this.state);
   }
@@ -73,11 +74,19 @@ export default class ModalVouchersComponent extends React.Component {
             className={'optionSelectModal'}
             placeholder="Please Select your Option"
             optionFilterProp="children"
-            onChange={(e) => this.setState({selectedOption: e})}
-            // filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
+            onChange={(e) => {
+                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) => {
-              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>