diff --git a/src/common/pages/Dashboard/index.js b/src/common/pages/Dashboard/index.js
index 3d8eef7..d858d98 100644
--- a/src/common/pages/Dashboard/index.js
+++ b/src/common/pages/Dashboard/index.js
@@ -199,7 +199,7 @@ class DashboardComponent extends React.Component {
                       Voucher
                     </Typography>
                     <Typography component="p">
-                      <NumberFormat value={(0).toFixed(2)} displayType={'text'} thousandSeparator={true} prefix={'Rp '} />
+                      <NumberFormat value={(this.props.appstate.wallet.data.wallet).toFixed(2)} displayType={'text'} thousandSeparator={true} prefix={'Rp '} />
                     </Typography>
                   </MuiCardContent>
                   <MuiCardActions>
@@ -330,7 +330,8 @@ class DashboardComponent extends React.Component {
               style={{ marginTop: 15 }}>
               {(this.vouchersStore.list.length > 0) ?
                 this.vouchersStore.list.map((item, index) => {
-                  let image = get(item, 'images.logo', '');
+                  console.log("itemm", item)
+                  let image = get(item, 'images.main', '');
 
                   if (!image.includes('http')) {
                     image = this.http.appendImagePath(image);
diff --git a/src/common/pages/Wallet/Modal/index.js b/src/common/pages/Wallet/Modal/index.js
index 82f7315..850abd3 100644
--- a/src/common/pages/Wallet/Modal/index.js
+++ b/src/common/pages/Wallet/Modal/index.js
@@ -19,13 +19,56 @@ export default class ModalTopupComponent extends React.Component {
       inputCode2: '',
       inputCode3: '',
       inputCode4: '',
-      confirmLoading: false
+      confirmLoading: false,
+      onOk: {}
     };
     this.defaultState = Object.assign({}, this.state);
   }
 
   componentDidMount() {}
 
+  redeemCode (code) {
+
+    const codeList = [
+      {
+        code: 'MLXNAPNU18nd0871',
+        amount: 10000
+      },
+      {
+        code: 'ABAKO1239KLKHASD',
+        amount: 20000
+      },
+
+      {
+        code: 'W54VCZJN23FGSDAG',
+        amount: 50000
+      },
+      {
+        code: '123456789ABCEFGH',
+        amount: 100000
+      }
+    ]
+
+    var rightCode = {}
+
+    codeList.map((cl) => {
+      if (cl.code === code){
+        rightCode = cl
+        this.props.appstate.wallet.data.wallet = this.props.appstate.wallet.data.wallet + cl.amount
+        message.success("Voucher redeem success");
+        this.setState({
+          confirmLoading: false
+        });
+        this.state.onOk()
+      }else{
+        this.setState({
+          confirmLoading: false
+        });
+        message.warning("Voucher redeem failed")
+      }
+    })
+}
+
   render() {
     const {data, isVisible = false, onOk = () => {}, onCancel = () => {}, title='Redeem your code'} = this.props;
 
@@ -35,25 +78,29 @@ export default class ModalTopupComponent extends React.Component {
         visible={isVisible}
         onOk={async () => {
           this.setState({
-            confirmLoading: true
+            confirmLoading: true,
+            onOk: onOk()
           });
           let voucherCode = this.state.inputCode1 + this.state.inputCode2 + this.state.inputCode3 + this.state.inputCode4;
+          console.log("voucherCode", voucherCode)
 
-          try {
-            await this.props.appstate.wallet.redeemVoucherCode(voucherCode);
-            this.props.onOk();
-            message.info("Voucher redeem success");
-          } catch (e) {
-            message.error(e.message);
-          } finally {
-            this.setState({
-              inputCode1: '',
-              inputCode2: '',
-              inputCode3: '',
-              inputCode4: '',
-              confirmLoading: false
-            });
-          }
+          this.redeemCode(voucherCode)
+
+          // try {
+          //   await this.props.appstate.wallet.redeemVoucherCode(voucherCode);
+          //   this.props.onOk();
+          //   message.info("Voucher redeem success");
+          // } catch (e) {
+          //   message.error(e.message);
+          // } finally {
+          //   this.setState({
+          //     inputCode1: '',
+          //     inputCode2: '',
+          //     inputCode3: '',
+          //     inputCode4: '',
+          //     confirmLoading: false
+          //   });
+          // }
 
         }}
         onCancel={() => {