From 850d9f5e8cc0bf12c556fcefd10c0a9361529eaa Mon Sep 17 00:00:00 2001
From: ahmadzuhdi <ahmad.zuhdi.y@gmail.com>
Date: Mon, 28 Jan 2019 15:45:10 +0700
Subject: [PATCH] fix: buy checkout voucher

---
 src/common/pages/Vouchers/Checkout/index.js | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/common/pages/Vouchers/Checkout/index.js b/src/common/pages/Vouchers/Checkout/index.js
index 59f759c..fd6071c 100644
--- a/src/common/pages/Vouchers/Checkout/index.js
+++ b/src/common/pages/Vouchers/Checkout/index.js
@@ -8,12 +8,12 @@ import { Affix, Card, Slider, Select, Row, Col, Icon, Tag,Rate, Button, Checkbox
 import {startCase} from 'lodash';
 import LoadingDialog from "../../LoadingDialog";
 import Loader from 'react-loader-advanced';
-// import './style.scss';
 import {DIALOG} from "../../../stores/global_ui";
 import EmptyComponent from '../../EmptyComponent';
 import NavigationArrowBack from 'material-ui/svg-icons/navigation/arrow-back';
 import {LINKS} from "../../../routes";
 import {Route} from "react-router-dom";
+import get from 'lodash.get';
 
 @inject('appstate')
 @observer
@@ -40,6 +40,12 @@ export default class CheckoutVouchers extends React.Component {
 
   render() {
 
+    let image = get(this.vouchersStore.dataItems, 'images.logo', '');
+
+    if (!image.includes('http')) {
+      image = this.http.appendImagePath(image);
+    }
+
     return (
     <div className="wallet containerMiddle">
         <div className="row">
@@ -56,7 +62,7 @@ export default class CheckoutVouchers extends React.Component {
                     icon={<NavigationArrowBack />}
                 />
                 <Divider style={{marginBottom:10,marginTop:10}} />
-                    <Card 
+                    <Card
                     // title={<div style={{display:'flex',justifyContent:'center'}}>
                     //             <p style={{fontSize:20}}>
                     //                 Detail Pembelian
@@ -74,7 +80,7 @@ export default class CheckoutVouchers extends React.Component {
                         <div className="row" style={{marginTop:30}}>
                             <div className="col s5 m5 l5">
                                 <div style={{display:'flex',justifyContent:'center',alignItems:'center'}}>
-                                <img className={'imageCard'} src={this.http.appendImagePath(this.vouchersStore.dataItems.images.logo)} />
+                                <img className={'imageCard'} src={this.http.appendImagePath(image)} />
                                     {/* <Avatar size={74} src={this.http.appendImagePath(this.vouchersStore.dataItems.images.logo)} /> */}
                                 </div>
                             </div>