From a1a5e7a8bac8ac75be0cf20a59199521b279bd89 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Thu, 11 Apr 2024 09:57:24 +0700
Subject: [PATCH] fix: conditional label hq or br

---
 .../01_branch-management/TableCardComponent.vue    | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/01_branch-management/TableCardComponent.vue b/src/components/01_branch-management/TableCardComponent.vue
index fffa2082..ebf90deb 100644
--- a/src/components/01_branch-management/TableCardComponent.vue
+++ b/src/components/01_branch-management/TableCardComponent.vue
@@ -5,7 +5,7 @@ import { ref } from 'vue';
 
 const color: string[] = ['pink', 'violet'];
 
-const props = defineProps<{
+defineProps<{
   subBranch?: boolean;
   rows: {
     id: string;
@@ -23,7 +23,7 @@ const columns = [
   {
     name: 'name',
     required: true,
-    label: props.subBranch ? 'branchLabel' : 'branchHQLabel',
+    label: 'branchLabel',
     align: 'left',
     field: (row) => row.name,
     format: (val) => `${val}`,
@@ -76,7 +76,15 @@ const filter = ref('');
                 style="width: 120px"
                 :style="`${!$q.dark.isActive && i !== 0 ? 'color:gray' : ''}`"
               >
-                {{ $t(prop.colsMap[k]?.label) }}
+                {{
+                  $t(
+                    k === 'name'
+                      ? subBranch
+                        ? 'branchLabel'
+                        : 'branchHQLabel'
+                      : prop.colsMap[k]?.label,
+                  )
+                }}
               </q-item-section>
 
               <q-item-section>