update add message failed in approval dialog

src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx

@@ -17,7 +17,6 @@ import {
     SelectTrigger,
     SelectValue,
 } from '@/components/ui/select';
-import { Alert, useDataGrid } from '@/components';
 import { doSaveLogActivity } from '@/actions/GlobalActions';
 import { toast } from 'sonner';
 import { Input } from '@/components/ui/input';
@@ -59,15 +58,24 @@ const ApprovalDialog = () => {
                 toast.error('Please select a status.');
                 return;
             }
+
             const response = await PostData(`${API_URL}/transaction/set-approval`, {
                 id_transaction: transactionDetails.id,
                 status: formField.status,
                 notes: formField.notes,
             });
 
+            if (response?.status === false) {
+                setAlert({
+                    show: true,
+                    message: response?.message?.error?.message || 'Approval failed',
+                });
+                return;
+            }
+
             if (response?.status) {
                 setAlert({ show: false, message: '' });
-                toast.success('Success Update Position');
+                toast.success('Success Update Approval');
                 const createActivity = {
                     module: 'Approval Transaction',
                     description: `Change status approve for transaction => ${transactionDetails.code}`,
@@ -84,13 +92,13 @@ const ApprovalDialog = () => {
 
     useEffect(() => {
         if (showApprovalDialog) {
-            // Reset form fields when dialog opens
             setFormField({
                 transaction_code: '',
                 status: '',
                 notes: '',
             });
-            setTransactionDetails(null); // Optional reset
+            setTransactionDetails(null);
+            setAlert({ show: false, message: '' });
         }
     }, [showApprovalDialog]);
 
@@ -116,7 +124,6 @@ const ApprovalDialog = () => {
         }
     }, [showApprovalDialog, selectedTransactionIdForApproval, GetData]);
 
-    // Set formField.transaction_code once details are fetched
     useEffect(() => {
         if (transactionDetails) {
             setFormField((prev) => ({
@@ -138,7 +145,6 @@ const ApprovalDialog = () => {
                             <div className="w-full">
                                 <div className="flex items-center flex-wrap gap-2.5">
                                     <label className="form-label max-w-56">Status</label>
-
                                     <div className="grow">
                                         <Select
                                             value={formField.status}
@@ -177,6 +183,14 @@ const ApprovalDialog = () => {
                                         </div>
                                     </div>
                                 )}
+
+                                {alert.show && (
+                                    <div className="mt-4">
+                                        <span className="inline-block bg-red-100 text-red-800 text-sm font-medium px-4 py-2 rounded-md">
+                                            {alert.message}
+                                        </span>
+                                    </div>
+                                )}
                             </div>
 
                             <hr />
@@ -193,4 +207,4 @@ const ApprovalDialog = () => {
     );
 };
 
-export default ApprovalDialog;
+export default ApprovalDialog;