From d1e03f247217ad944a7c83d928445049ce832ab8 Mon Sep 17 00:00:00 2001
From: enggar_ganteng <enggardamarsaraswata@gmail.com>
Date: Sun, 6 Jan 2019 15:43:28 +0700
Subject: [PATCH] src

---
 src/common/pages/Vouchers/Modal/index.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/common/pages/Vouchers/Modal/index.js b/src/common/pages/Vouchers/Modal/index.js
index 793e13c..c3b01b9 100644
--- a/src/common/pages/Vouchers/Modal/index.js
+++ b/src/common/pages/Vouchers/Modal/index.js
@@ -5,6 +5,7 @@ import { Modal, Button, Alert, Select } from 'antd';
 import './style.scss';
 import { Route } from 'react-router-dom'
 import {LINKS} from "../../../routes";
+import NumberFormat from 'react-number-format';
 
 const Option = Select.Option;
 @inject('appstate')
@@ -87,14 +88,14 @@ export default class ModalVouchersComponent extends React.Component {
             }}
           >
             {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>
 
           <div className={'costContainerModal'}>
             <div className={'costLeftPaneModal'}>
               <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 className={'costRightPaneModal'}>
               <Route render={({ history}) => (