From 88dd4d93331dd7f57f3b0d9831425c0c45699e6c Mon Sep 17 00:00:00 2001
From: Net <thanaphon@frappet.com>
Date: Thu, 5 Sep 2024 16:00:29 +0700
Subject: [PATCH] refactor: img fallback

---
 src/pages/03_customer-management/BranchPage.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/pages/03_customer-management/BranchPage.vue b/src/pages/03_customer-management/BranchPage.vue
index d0e4b91e..d93c685c 100644
--- a/src/pages/03_customer-management/BranchPage.vue
+++ b/src/pages/03_customer-management/BranchPage.vue
@@ -4,6 +4,7 @@ import { storeToRefs } from 'pinia';
 import { useI18n } from 'vue-i18n';
 import { QTableProps } from 'quasar';
 
+import { baseUrl } from 'src/stores/utils';
 import useCustomerStore from 'stores/customer';
 import useFlowStore from 'stores/flow';
 import useOptionStore from 'stores/options';
@@ -248,6 +249,17 @@ watch([customerId, inputSearch, currentStatus], async () => {
         style="border-radius: 0 0 40px 40px; position: relative"
       >
         <q-avatar no-padding size="50px">
+          <q-img
+            :src="`${baseUrl}/customer/${customerId}/image`"
+            class="full-height full-width"
+          >
+            <template #error>
+              <q-img
+                :src="`${customerType === 'CORP' ? '/images/customer-CORP-avartar.png' : '/images/customer-PERS-avartar.png'}`"
+              />
+            </template>
+          </q-img>
+
           <img :src="currentCustomerUrlImage ?? '/no-profile.png'" />
         </q-avatar>
       </q-card-section>