From ca38cfaec0fedfba413a212c39bcf211cebcc398 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Tue, 17 Dec 2024 14:38:52 +0700
Subject: [PATCH] perf: add fallback without waiting for error

---
 src/components/05_quotation/WorkerItem.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/05_quotation/WorkerItem.vue b/src/components/05_quotation/WorkerItem.vue
index 763e6f44..a4696dcc 100644
--- a/src/components/05_quotation/WorkerItem.vue
+++ b/src/components/05_quotation/WorkerItem.vue
@@ -24,7 +24,7 @@ withDefaults(
       age: string;
       nationality: string;
       documentExpireDate: string;
-      imgUrl: string;
+      imgUrl?: string;
       status: string;
     }[];
   }>(),
@@ -116,11 +116,16 @@ const columns = [
     >
       <template v-slot:img-column="{ props }">
         <q-avatar class="q-mr-sm" size="md">
-          <q-img :src="props.row.imgUrl" class="full-height full-width">
+          <q-img
+            v-if="props.row.imgUrl"
+            :src="props.row.imgUrl"
+            class="full-height full-width"
+          >
             <template #error>
               <q-img :src="fallbackImg" :ratio="1" />
             </template>
           </q-img>
+          <q-img v-else :src="fallbackImg" :ratio="1" />
           <div
             class="absolute-bottom-right"
             style="