refactor(FE-64): update MovementTable and TableRowOptions to conditionally show edit and delete options

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>
                   )}

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
+    {showEdit && (
-      href={`${basePath}/detail/edit/?${queryParam}=${recordId}`}
+      <Button
-      variant='ghost'
+        href={`${basePath}/detail/edit/?${queryParam}=${recordId}`}
-      color='warning'
+        variant='ghost'
-      className='justify-start text-sm'
+        color='warning'
-    >
+        className='justify-start text-sm'
-      <Icon icon='mdi:pencil-outline' width={16} height={16} />
+      >
-      Edit
+        <Icon icon='mdi:pencil-outline' width={16} height={16} />
-    </Button>
+        Edit
-    {onDelete && (
+      </Button>
+    )}
+    {showDelete && onDelete && (
       <Button
         onClick={onDelete}
         variant='ghost'