From 8bf7603f6652cff01dcbb1ca292fb0e7b9eb7903 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Fri, 17 Oct 2025 09:46:07 +0700
Subject: [PATCH] refactor(FE-64): update MovementTable and TableRowOptions to
 conditionally show edit and delete options

---
 .../inventory/movement/MovementTable.tsx      |  6 +++--
 src/components/table/TableRowOptions.tsx      | 26 ++++++++++++-------
 2 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/src/components/pages/inventory/movement/MovementTable.tsx b/src/components/pages/inventory/movement/MovementTable.tsx
index e0bc9541..61be40f8 100644
--- a/src/components/pages/inventory/movement/MovementTable.tsx
+++ b/src/components/pages/inventory/movement/MovementTable.tsx
@@ -157,8 +157,9 @@ const MovementTable = () => {
                         type='dropdown'
                         recordId={props.row.original.id}
                         basePath='/inventory/movement'
-                        onDelete={deleteClickHandler}
                         queryParam='movementId'
+                        showEdit={false}
+                        showDelete={false}
                       />
                     </RowDropdownOptions>
                   )}
@@ -169,8 +170,9 @@ const MovementTable = () => {
                         type='collapse'
                         recordId={props.row.original.id}
                         basePath='/inventory/movement'
-                        onDelete={deleteClickHandler}
                         queryParam='movementId'
+                        showEdit={false}
+                        showDelete={false}
                       />
                     </RowCollapseOptions>
                   )}
diff --git a/src/components/table/TableRowOptions.tsx b/src/components/table/TableRowOptions.tsx
index e34f2ad4..4e2e2c93 100644
--- a/src/components/table/TableRowOptions.tsx
+++ b/src/components/table/TableRowOptions.tsx
@@ -8,6 +8,8 @@ interface TableRowOptionsProps {
   basePath: string;
   onDelete?: () => void;
   queryParam?: string;
+  showEdit?: boolean;
+  showDelete?: boolean;
 }
 
 export const TableRowOptions = ({
@@ -16,6 +18,8 @@ export const TableRowOptions = ({
   basePath,
   onDelete,
   queryParam = 'id',
+  showEdit = true,
+  showDelete = true,
 }: TableRowOptionsProps) => (
   <div
     tabIndex={type === 'dropdown' ? 0 : undefined}
@@ -36,16 +40,18 @@ export const TableRowOptions = ({
       <Icon icon='mdi:eye-outline' width={16} height={16} />
       Detail
     </Button>
-    <Button
-      href={`${basePath}/detail/edit/?${queryParam}=${recordId}`}
-      variant='ghost'
-      color='warning'
-      className='justify-start text-sm'
-    >
-      <Icon icon='mdi:pencil-outline' width={16} height={16} />
-      Edit
-    </Button>
-    {onDelete && (
+    {showEdit && (
+      <Button
+        href={`${basePath}/detail/edit/?${queryParam}=${recordId}`}
+        variant='ghost'
+        color='warning'
+        className='justify-start text-sm'
+      >
+        <Icon icon='mdi:pencil-outline' width={16} height={16} />
+        Edit
+      </Button>
+    )}
+    {showDelete && onDelete && (
       <Button
         onClick={onDelete}
         variant='ghost'