From 99112278010b1b938c66c6ec6cfcc836c62900c5 Mon Sep 17 00:00:00 2001
From: omair saleh <uldvstar@gmail.com>
Date: Tue, 22 Feb 2022 10:48:32 +0800
Subject: [PATCH] fix payment history component

---
 .../elements/PaymentHistoryComponent.vue      | 22 +++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/resources/assets/vue/components/bookings/elements/PaymentHistoryComponent.vue b/resources/assets/vue/components/bookings/elements/PaymentHistoryComponent.vue
index c81982c9..af7eab83 100644
--- a/resources/assets/vue/components/bookings/elements/PaymentHistoryComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/PaymentHistoryComponent.vue
@@ -159,15 +159,19 @@
                         </div>
                         <div class="col text-right">
                             <div class="font-heading all-caps fs-10 m-b-5">Our Payment Proof</div>
-                            <div class="row no-margin justify-content-end" v-if="(item.transaction_bill.status === 2 || item.transaction_bill.status === 3)">
-                                <div v-for="file in item.transaction_bill.documents.files" v-bind:key="file.id"  class="col-auto no-padding m-l-5">
-                                    <document-file-viewer-component :file="file">
-                                        <template slot="button">
-                                            <div class="icon-thumbnail fs-11 text-white icon-25 bg-primary btn-rounded float-left m-r-0">
-                                                <i class="fa fa-file-image-o fs-10"></i>
-                                            </div>
-                                        </template>
-                                    </document-file-viewer-component>
+                            <div class="row" v-if="item.transaction_bill">
+                                <div class="col">
+                                    <div class="row no-margin justify-content-end" v-if="(item.transaction_bill.status === 2 || item.transaction_bill.status === 3)">
+                                        <div v-for="file in item.transaction_bill.documents.files" v-bind:key="file.id"  class="col-auto no-padding m-l-5">
+                                            <document-file-viewer-component :file="file">
+                                                <template slot="button">
+                                                    <div class="icon-thumbnail fs-11 text-white icon-25 bg-primary btn-rounded float-left m-r-0">
+                                                        <i class="fa fa-file-image-o fs-10"></i>
+                                                    </div>
+                                                </template>
+                                            </document-file-viewer-component>
+                                        </div>
+                                    </div>
                                 </div>
                             </div>
                         </div>