From f409e31cc037c869391c9f7687ac58666ad4315f Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 29 Jan 2025 10:50:56 +0700
Subject: [PATCH] refactor: improve responsible person display in
 TableRequestList component

---
 src/pages/08_request-list/TableRequestList.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/08_request-list/TableRequestList.vue b/src/pages/08_request-list/TableRequestList.vue
index 6211e893..3b8d2cdb 100644
--- a/src/pages/08_request-list/TableRequestList.vue
+++ b/src/pages/08_request-list/TableRequestList.vue
@@ -265,11 +265,12 @@ function getEmployeeName(
           @cancel="$emit('delete', props.row)"
         >
           <template v-slot:responsiblePerson="{ props: subProps }">
-            <div class="col-4 app-text-muted q-pr-sm self-center">
+            <div class="col-4 app-text-muted q-pr-sm">
               {{ subProps.label }}
             </div>
             <div class="col-8">
               <AvatarGroup
+                v-if="(responsiblePerson(props.row.quotation) ?? []).length > 0"
                 :data="
                   responsiblePerson(props.row.quotation)?.map((v) => {
                     return {
@@ -286,6 +287,7 @@ function getEmployeeName(
                   })
                 "
               />
+              <span v-else>-</span>
             </div>
           </template>
         </QuotationCard>