From 9dcec6b4c6340a81fce59ed61b7be1fed90ceafe Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 4 Jul 2025 16:31:17 +0700
Subject: [PATCH] refactor: streamline access control for task order actions in
 the table component

---
 src/pages/09_task-order/TableTaskOrder.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/09_task-order/TableTaskOrder.vue b/src/pages/09_task-order/TableTaskOrder.vue
index 4411e2e8..e0be68c5 100644
--- a/src/pages/09_task-order/TableTaskOrder.vue
+++ b/src/pages/09_task-order/TableTaskOrder.vue
@@ -216,10 +216,9 @@ const emit = defineEmits<{
           />
           <KebabAction
             v-if="
-              canAccess('related', 'edit') &&
-              !receive &&
-              props.row.taskOrderStatus === TaskOrderStatus.Pending
+              !receive && props.row.taskOrderStatus === TaskOrderStatus.Pending
             "
+            :hide-delete="!canAccess('related', 'edit')"
             :idName="`btn-kebab-${props.row.taskName}`"
             status="'ACTIVE'"
             hide-toggle
@@ -268,6 +267,7 @@ const emit = defineEmits<{
           :status="$t(taskOrderStatus(props.row.taskOrderStatus, 'status'))"
           :badge-color="taskOrderStatus(props.row.taskOrderStatus, 'color')"
           hide-preview
+          :hideKebabDelete="!canAccess('related', 'edit')"
           :hide-action="
             receive || props.row.taskOrderStatus !== TaskOrderStatus.Pending
           "