From ac6211cf5fa4dfa3b1598610a3371340d0f8600e Mon Sep 17 00:00:00 2001
From: Dillon Ngo <dillonngoweijoon@gmail.com>
Date: Sat, 19 Oct 2024 03:17:20 +0800
Subject: [PATCH] Laravel Vapor - FIx a problem where order page not showing
 any thing

---
 .../elements/AddressVerificationComponent.vue    |  2 +-
 .../orders/elements/OrderComponent.vue           | 16 +++++++++++++++-
 .../sections/OrderProfileV2SectionComponent.vue  |  5 +++++
 3 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/resources/assets/vue/components/addresses/elements/AddressVerificationComponent.vue b/resources/assets/vue/components/addresses/elements/AddressVerificationComponent.vue
index 5c5e1cbe..440645c6 100644
--- a/resources/assets/vue/components/addresses/elements/AddressVerificationComponent.vue
+++ b/resources/assets/vue/components/addresses/elements/AddressVerificationComponent.vue
@@ -27,7 +27,7 @@
                                             <div class="fs-8 all-caps muted">Original Address</div>
                                         </div>
                                     </div>
-                                    <div class="row">
+                                    <div class="row" v-if="item.owner.address">
                                         <div class="col">
                                             <div class="fs-11 bold">{{item.owner.address.street_one+' '+(item.owner.address.street_two ? item.owner.address.street_two : '')+', '+ item.owner.address.district.name+', '+item.owner.address.post_code+' '+item.owner.address.state.name+', '+item.owner.address.country.name}}</div>
                                         </div>
diff --git a/resources/assets/vue/components/orders/elements/OrderComponent.vue b/resources/assets/vue/components/orders/elements/OrderComponent.vue
index b7a92430..ea18c931 100644
--- a/resources/assets/vue/components/orders/elements/OrderComponent.vue
+++ b/resources/assets/vue/components/orders/elements/OrderComponent.vue
@@ -39,7 +39,7 @@
                         </div>
                     </div>
                     <div class="row m-b-5">
-                        <div class="col">
+                        <div class="col" v-if="item.address">
                             <div class="row">
                                 <div class="col">
                                     <small class="fs-10 all-caps muted">Delivery Address</small>
@@ -55,6 +55,20 @@
                                 </div>
                             </div>
                         </div>
+                        <div class="col" v-else>
+                            <div class="row">
+                                <div class="col">
+                                    <small class="fs-10 all-caps muted">Delivery Address</small>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col">
+                                    <small class="fs-10 all-caps text-danger">
+                                        <strong>⚠ Missing Delivery Address</strong>
+                                    </small>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
diff --git a/resources/assets/vue/components/orders/sections/OrderProfileV2SectionComponent.vue b/resources/assets/vue/components/orders/sections/OrderProfileV2SectionComponent.vue
index 77261924..8e4b9638 100644
--- a/resources/assets/vue/components/orders/sections/OrderProfileV2SectionComponent.vue
+++ b/resources/assets/vue/components/orders/sections/OrderProfileV2SectionComponent.vue
@@ -81,6 +81,11 @@
                                                 <div class="row">
                                                     <div class="col-12 col-sm-auto pr-sm-0"><b>Delivery Address:</b>&nbsp;</div>
                                                     <div class="col-12 col-sm-auto pl-sm-0" v-if="order.address">{{order.address.reference}} <i class="fa fa-info-circle m-l-10"  v-tooltip:right="order.address.street_one + ' ' + (order.address.street_two ? order.address.street_two : '') + ', ' + (order.address.district ? order.address.district.name : '') + ', ' + order.address.post_code + ' ' + (order.address.state ? order.address.state.name : '') + ', ' + (order.address.country ? order.address.country.name : '')"></i></div>
+                                                    <div class="col-12 col-sm-auto pl-sm-0" v-else>
+                                                        <small class="fs-10 all-caps text-danger">
+                                                            <strong>⚠ Missing Delivery Address</strong>
+                                                        </small>
+                                                    </div>
                                                 </div>
                                             </h6>
                                         </div>