From 1638ac35bbfb2787273a399dca3d65f73d1d3f30 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Fri, 24 Jan 2025 14:28:36 +0700
Subject: [PATCH] refactor: handle img gender

---
 src/components/05_quotation/ProductItem.vue |  1 -
 src/components/05_quotation/WorkerItem.vue  | 11 +++++++++--
 src/pages/09_task-order/TableEmployee.vue   |  4 +++-
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/05_quotation/ProductItem.vue b/src/components/05_quotation/ProductItem.vue
index 0ea8f62c..81e85fa6 100644
--- a/src/components/05_quotation/ProductItem.vue
+++ b/src/components/05_quotation/ProductItem.vue
@@ -507,7 +507,6 @@ watch(
                   :readonly
                   :checkable="!readonly"
                   @check="(wokerIndex) => handleCheck(wokerIndex, props.row)"
-                  fallback-img="/images/employee-avatar.png"
                   inTable
                   hideQuantity
                   :check-list="props.row.workerIndex"
diff --git a/src/components/05_quotation/WorkerItem.vue b/src/components/05_quotation/WorkerItem.vue
index f17267eb..0f8fa1ad 100644
--- a/src/components/05_quotation/WorkerItem.vue
+++ b/src/components/05_quotation/WorkerItem.vue
@@ -135,10 +135,17 @@ watch(
             class="full-height full-width"
           >
             <template #error>
-              <q-img :src="fallbackImg" :ratio="1" />
+              <q-img
+                :src="`/images/employee-avatar-${props.row.gender}.png`"
+                :ratio="1"
+              />
             </template>
           </q-img>
-          <q-img v-else :src="fallbackImg" :ratio="1" />
+          <q-img
+            v-else
+            :src="`/images/employee-avatar-${props.row.gender}.png`"
+            :ratio="1"
+          />
           <div
             class="absolute-bottom-right"
             style="
diff --git a/src/pages/09_task-order/TableEmployee.vue b/src/pages/09_task-order/TableEmployee.vue
index dd55469b..1ae6a0fa 100644
--- a/src/pages/09_task-order/TableEmployee.vue
+++ b/src/pages/09_task-order/TableEmployee.vue
@@ -481,7 +481,9 @@ function disableCheckAll() {
               >
                 <template #error>
                   <span class="full-width full-height">
-                    <q-img src="/images/employee-avatar.png" />
+                    <q-img
+                      :src="`/images/employee-avatar-${props.row.request.employee.gender}.png`"
+                    />
                   </span>
                 </template>
               </q-img>