From f80a22cc78866c900722c373449971f5e942108d Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 25 Dec 2024 16:55:25 +0700
Subject: [PATCH] fix: update request list card to use AvatarGroup

---
 .../08_request-list/TableRequestList.vue      | 22 ++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/pages/08_request-list/TableRequestList.vue b/src/pages/08_request-list/TableRequestList.vue
index a775f7e5..8abff83e 100644
--- a/src/pages/08_request-list/TableRequestList.vue
+++ b/src/pages/08_request-list/TableRequestList.vue
@@ -258,12 +258,28 @@ function getEmployeeName(
           ]"
           @view="$emit('view', props.row)"
         >
-          <template v-slot:responsiblePerson="{ props }">
+          <template v-slot:responsiblePerson="{ props: subProps }">
             <div class="col-4 app-text-muted q-pr-sm self-center">
-              {{ props.label }}
+              {{ subProps.label }}
             </div>
             <div class="col-8">
-              <AvatarGroup />
+              <AvatarGroup
+                :data="
+                  responsiblePerson(props.row.quotation)?.map((v) => {
+                    return {
+                      name:
+                        $i18n.locale === 'eng'
+                          ? `${v.firstNameEN} ${v.lastNameEN}`
+                          : `${v.firstName} ${v.lastName}`,
+                      imgUrl: !v.selectedImage
+                        ? v.gender === 'male'
+                          ? `/no-img-man.png`
+                          : `/no-img-female.png`
+                        : `${baseUrl}/user/${v.id}/profile-image/${v.selectedImage}`,
+                    };
+                  })
+                "
+              />
             </div>
           </template>
         </QuotationCard>