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