From d4cab27aaf540af10db09239a12325a6f4c2a180 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 4 Jul 2025 13:17:52 +0700
Subject: [PATCH] refactor: add conditional delete button visibility in
 agencies management

---
 src/pages/07_agencies-management/AgenciesDialog.vue | 3 ++-
 src/pages/07_agencies-management/MainPage.vue       | 7 ++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/pages/07_agencies-management/AgenciesDialog.vue b/src/pages/07_agencies-management/AgenciesDialog.vue
index e593bdef..e1597b03 100644
--- a/src/pages/07_agencies-management/AgenciesDialog.vue
+++ b/src/pages/07_agencies-management/AgenciesDialog.vue
@@ -63,6 +63,7 @@ const props = withDefaults(
     readonly?: boolean;
     isEdit?: boolean;
     hideAction?: boolean;
+    hideDelete?: boolean;
 
     dataId?: string;
   }>(),
@@ -486,7 +487,7 @@ watch(
                 type="button"
               />
               <DeleteButton
-                v-if="!isEdit"
+                v-if="!isEdit && !hideDelete"
                 id="btn-info-basic-delete"
                 icon-only
                 @click="
diff --git a/src/pages/07_agencies-management/MainPage.vue b/src/pages/07_agencies-management/MainPage.vue
index 034fe936..92bc58ea 100644
--- a/src/pages/07_agencies-management/MainPage.vue
+++ b/src/pages/07_agencies-management/MainPage.vue
@@ -366,6 +366,7 @@ watch(
 </script>
 <template>
   <FloatingActionButton
+    v-if="canAccess('agencies', 'edit')"
     style="z-index: 999"
     hide-icon
     @click="triggerDialog('add')"
@@ -750,7 +751,7 @@ watch(
                       "
                     />
                     <KebabAction
-                      v-if="canAccess('agencies', 'edit')"
+                      :hide-delete="!canAccess('agencies', 'edit')"
                       :id-name="props.row.name"
                       :status="props.row.status"
                       @view="
@@ -834,7 +835,7 @@ watch(
                           "
                         />
                         <KebabAction
-                          v-if="canAccess('agencies', 'edit')"
+                          :hide-delete="!canAccess('agencies', 'edit')"
                           :id-name="props.row.id"
                           :status="props.row.status"
                           @view="
@@ -975,7 +976,7 @@ watch(
     @change-status="triggerChangeStatus"
     :readonly="!pageState.isDrawerEdit"
     :isEdit="pageState.isDrawerEdit"
-    :hide-action="!canAccess('agencies', 'edit')"
+    :hide-delete="!canAccess('agencies', 'edit')"
     v-model="pageState.addModal"
     v-model:drawer-model="pageState.viewDrawer"
     v-model:data="formData"