From ec927f6e86b51ee2100a602fd23b885cce080e9b Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Thu, 11 Apr 2024 14:17:39 +0700
Subject: [PATCH] refactor: status badge

---
 .../TableCardComponent.vue                    | 25 +++++++++++++++----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/components/01_branch-management/TableCardComponent.vue b/src/components/01_branch-management/TableCardComponent.vue
index 0342d328..83f69538 100644
--- a/src/components/01_branch-management/TableCardComponent.vue
+++ b/src/components/01_branch-management/TableCardComponent.vue
@@ -96,13 +96,28 @@ const filter = ref('');
 
               <div class="row items-center" style="flex-grow: 1">
                 <div style="flex-grow: 1">
-                  {{
-                    k !== 'type'
-                      ? v
-                      : (v && $t('branchHQLabel')) || $t('branchLabel')
-                  }}
+                  <template v-if="k === 'status'">
+                    <span
+                      class="q-px-sm"
+                      style="
+                        color: var(--teal-6);
+                        background: hsla(var(--teal-6-hsl) / 0.08);
+                        border-radius: 25px;
+                      "
+                    >
+                      {{ v }}
+                    </span>
+                  </template>
+                  <template v-else>
+                    {{
+                      k !== 'type'
+                        ? v
+                        : (v && $t('branchHQLabel')) || $t('branchLabel')
+                    }}
+                  </template>
                 </div>
                 <q-btn
+                  size=".75rem"
                   v-if="i === 0"
                   outline
                   no-caps