From 2eb1298a24798bfc199c8d71d0105ab3defc942f Mon Sep 17 00:00:00 2001
From: Net <thanaphon@frappet.com>
Date: Wed, 4 Sep 2024 14:35:53 +0700
Subject: [PATCH] refactor: add slot name badgeList

---
 src/components/DrawerInfo.vue | 34 ++++++++++++++++++----------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/src/components/DrawerInfo.vue b/src/components/DrawerInfo.vue
index d50e857f..b43d4704 100644
--- a/src/components/DrawerInfo.vue
+++ b/src/components/DrawerInfo.vue
@@ -96,23 +96,25 @@ function reset() {
             <text v-if="category" class="app-text-muted q-mr-sm">
               {{ category }}
             </text>
-            <span>
-              {{ title }}
-            </span>
+            <slot name="badgeList">
+              <span>
+                {{ title }}
+              </span>
 
-            <text
-              v-if="!!statusBranch"
-              class="branch-badge branch-card__badge q-ml-sm"
-              :class="{
-                'branch-card__inactive ': statusBranch === 'INACTIVE',
-              }"
-            >
-              {{
-                statusBranch === 'INACTIVE'
-                  ? $t('status.INACTIVE')
-                  : $t('status.ACTIVE')
-              }}
-            </text>
+              <text
+                v-if="!!statusBranch"
+                class="branch-badge branch-card__badge q-ml-sm"
+                :class="{
+                  'branch-card__inactive ': statusBranch === 'INACTIVE',
+                }"
+              >
+                {{
+                  statusBranch === 'INACTIVE'
+                    ? $t('status.INACTIVE')
+                    : $t('status.ACTIVE')
+                }}
+              </text>
+            </slot>
           </div>
 
           <div v-if="!hideAction" class="q-mr-md" style="width: 38.8px"></div>