From f7a28610728edc353b3c58c8611572f5807af62f Mon Sep 17 00:00:00 2001
From: edmondlang <edmond_wuiming@hotmail.com>
Date: Sat, 6 Aug 2022 00:42:20 +0800
Subject: [PATCH] update admin payments billing page - do extra validation
 checking on each data with vue conditions

---
 .../elements/AdminPaymentsBillingComponent.vue            | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/resources/assets/vue/components/paymentsBilling/elements/AdminPaymentsBillingComponent.vue b/resources/assets/vue/components/paymentsBilling/elements/AdminPaymentsBillingComponent.vue
index 806a8ff8..6be09cd9 100644
--- a/resources/assets/vue/components/paymentsBilling/elements/AdminPaymentsBillingComponent.vue
+++ b/resources/assets/vue/components/paymentsBilling/elements/AdminPaymentsBillingComponent.vue
@@ -88,12 +88,16 @@
                             <div class="row align-items-center">
                                 <div class="col">
                                     <p class="no-margin fs-10 all-caps">Container Reference</p>
-                                    <div>{{ item.packages.length ? item.packages[0].container.container_reference : 'n/a' }}</div>
+                                    <div v-if="item.packages.length">{{ item.packages[0].container ? item.packages[0].container.container_reference : 'n/a' }}</div>
+                                    <div v-else>n/a</div>
                                 </div>
                                 <div class="col">
                                     <p class="no-margin fs-10 all-caps">Due Date</p>
                                     <div v-if="item.packages.length">
-                                        <div v-if="item.packages[0].container.transport">{{ item.packages[0].container.transport.drop_date == null ? item.packages[0].container.transport.current_schedule.etd : item.packages[0].container.transport.drop_date }}</div>
+                                        <div v-if="item.packages[0].container">
+                                            <div v-if="item.packages[0].container.transport">{{ item.packages[0].container.transport.drop_date == null ? item.packages[0].container.transport.current_schedule.etd : item.packages[0].container.transport.drop_date }}</div>
+                                            <div v-else>n/a</div>
+                                        </div>
                                         <div v-else>n/a</div>
                                     </div>
                                     <div v-else>n/a</div>