From 14487ed849c605cb39cb6a03e362e75a8d13434c Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 9 Jul 2025 10:33:56 +0700
Subject: [PATCH] feat: refactor delete button rendering logic in MainPage
 component

---
 src/pages/01_branch-management/MainPage.vue | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index a31939e1..35428b65 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -2272,17 +2272,22 @@ watch(currentHq, () => {
                 @click="drawerEdit()"
                 type="button"
               />
-              <DeleteButton
+
+              <template
                 v-if="
                   formType !== 'edit' && formTypeBranch === 'headOffice'
                     ? isRoleInclude(['system'])
                     : canAccess('branch', 'create')
                 "
-                id="btn-info-basic-delete"
-                icon-only
-                @click="triggerDelete(currentEdit.id)"
-                type="button"
-              />
+              >
+                <DeleteButton
+                  v-if="formType !== 'edit'"
+                  id="btn-info-basic-delete"
+                  icon-only
+                  @click="triggerDelete(currentEdit.id)"
+                  type="button"
+                />
+              </template>
             </div>
           </div>
           <div