trying fix delete issue on transfer type

src/pages/transfer/transfertype/TransferType.tsx

@@ -5,7 +5,7 @@ import {
 } from './hooks/ManageTransferTypeContext';
 import AddDialog from './blocks/AddDialog';
 import { Breadcrumbs, Link } from '@mui/material';
-import { DeleteDialog } from './blocks/DeleteDialog';
+import DeleteDialog from './blocks/DeleteDialog';
 import { EditDialog } from './blocks/EditDialog';
 import { Helmet } from 'react-helmet';
 
@@ -37,7 +37,7 @@ const TransferType = () => {
           </div>
           <AddDialog />
           <DeleteDialog />
-          <EditDialog />
+          {/* <EditDialog /> */}
 
         </Container>
       </ManageTransferTypeContextProvider>

src/pages/transfer/transfertype/blocks/DeleteDialog.tsx

@@ -25,43 +25,20 @@ const DeleteDialog = () => {
       return;
     }
 
-    try {
-      // Kirim enforce=false untuk memastikan soft delete
-      const response = await DeleteData(`${API_URL}/transactiontype/delete/${selectedTransferType}/false`, {
-        id: selectedTransferType
-      });
+    const response = await DeleteData(`${API_URL}/transactiontype/delete/${selectedTransferType}/false`, {
+      id: selectedTransferType
+    });
 
-      console.log("status", response?.status)
-
-      if (response?.status) {
-        setAlert({ show: false, message: '' });
-        handleDeleteDialog(false, null);
-        
-        // First reload the data grid
-        reload();
-        
-        // Show success toast
-        toast.success('Success Delete Transaction Type');
-        
-        // Then reload the entire page after a short delay
-        setTimeout(() => {
-          window.location.reload();
-        }, 300); // Small delay to ensure the toast is visible
-      } else {
-        setAlert({ show: true, message: response?.message || 'Failed to delete transaction type' });
-      }
-    } catch (error) {
-      console.error('Delete error:', error);
-      setAlert({ show: true, message: 'An error occurred while deleting' });
+    if (response?.status) {
+      setAlert({ show: false, message: '' });
+      handleDeleteDialog(false, null);
+      reload();
+      // setTimeout(() => toast.success('Success Delete Transaction Type'), 0);
+    } else {
+      setAlert({ show: true, message: response?.message });
+      // setTimeout(() => toast.error('Failed Delete Product'), 0);
     }
-  }, [selectedTransferType, DeleteData, handleDeleteDialog, reload]);
-  
-  const handleDelete = () => {
-    doDeleteTransferType();
-  };
-
-  console.log('selectedTransferType:', selectedTransferType);
-  
+  }, [selectedTransferType]);
   return (
     <Dialog open={showDeleteDialog} onOpenChange={(open) => handleDeleteDialog(open, null)}>
       <DialogContent className="container-fixed max-w-md flex flex-col p-5 overflow-hidden [&>button]:hidden">
@@ -79,10 +56,10 @@ const DeleteDialog = () => {
           )}
         </DialogHeader>
         <DialogFooter className="flex justify-end items-center gap-4 mt-3">
-          <Button variant="outline" onClick={() => handleDeleteDialog(false, null)}>
+          <Button variant={'outline'} onClick={() => handleDeleteDialog(false, null)}>
             Cancel
           </Button>
-          <Button variant="destructive" onClick={handleDelete}>
+          <Button variant={'destructive'} onClick={() => doDeleteTransferType()}>
             Delete
           </Button>
         </DialogFooter>
@@ -91,4 +68,4 @@ const DeleteDialog = () => {
   );
 };
 
-export default DeleteDialog;
+export default DeleteDialog;