update: history voucher

src/common/pages/Transaction/ItemList/index.js

@@ -4,6 +4,7 @@ import {inject, observer} from "mobx-react";
 import faker from "faker";
 
 import './style.scss';
+import moment from "moment";
 
 @inject("appstate")
 @observer
@@ -17,13 +18,16 @@ export default class ItemList extends React.Component {
     const {
       data = {
         transaction_id: '',
+        transaction: {},
+        item: {},
+        item_sku: {},
         created_at: '',
         updated_at: '',
         deleted_at: '',
         name: '',
         status: '',
         price: '',
-        voucher_code: ``,
+        voucher_code: `-`,
       }
     } = this.props;
 
@@ -32,24 +36,24 @@ export default class ItemList extends React.Component {
         <div className={'veryParentContainer'}>
           <div className={'parentContainerLeft'}>
             <div className={'headerContainer'}>
-              <p className={'transactionCode'}>{data.transaction_id}</p>
-              <p className={'transactionDate'}>{data.updated_at}</p>
+              <p className={'transactionCode'}>{`INV/20190101/VII/X/${data.transaction_id.split('-')[0].toUpperCase()}`}</p>
+              <p className={'transactionDate'}>{moment(data.updated_at).format("dddd, MMMM Do YYYY, HH:mm:ss")}</p>
             </div>
             <div className={'bodyContainer'}>
-              <p className={'nameText'}>{data.name}</p>
+              <p className={'nameText'}>{data.item.name + " : " + data.item_sku.name}</p>
               <div className={'childContainer'}>
                 <p className={'childTitle'}>Price</p>
-                <p className={'childText'}>{(+data.price).toFixed(0)} BTN Reward</p>
+                <p className={'childText'}>{(+data.item_sku.price).toFixed(0)} Points</p>
               </div>
               <div className={'childContainer'}>
                 <p className={'childTitle'}>Voucher Code</p>
-                <p className={'childText'}>{data.voucher_code}</p>
+                <p className={'childText'}>{data.voucher_code || '-'}</p>
               </div>
             </div>
           </div>
           <div className={'parentContainerRight'}>
             <p className={'statusTitle'}>Status</p>
-            <p className={'statusText'}>{data.status}</p>
+            <p className={'statusText'}>{data.transaction.status}</p>
 
             <div className={'buttonContainer'}>
               <Button className={'buttonSubscribe'} block={true} success>Subscribe</Button>