update approval transaction
This commit is contained in:
@ -36,7 +36,6 @@ const ApprovalDialog = () => {
|
|||||||
selectedTransactionIdForApproval,
|
selectedTransactionIdForApproval,
|
||||||
} = useTransactionContext();
|
} = useTransactionContext();
|
||||||
|
|
||||||
const [transactionDetails, setTransactionDetails] = useState<any>(null);
|
|
||||||
|
|
||||||
const [formField, setFormField] = useState({
|
const [formField, setFormField] = useState({
|
||||||
transaction_code: '',
|
transaction_code: '',
|
||||||
@ -54,11 +53,6 @@ const ApprovalDialog = () => {
|
|||||||
async (e: React.FormEvent<HTMLFormElement>) => {
|
async (e: React.FormEvent<HTMLFormElement>) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
|
|
||||||
if (!transactionDetails || !transactionDetails.code) {
|
|
||||||
toast.error('Transaction data not loaded yet.');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!formField.status) {
|
if (!formField.status) {
|
||||||
toast.error('Please select a status.');
|
toast.error('Please select a status.');
|
||||||
return;
|
return;
|
||||||
@ -82,7 +76,7 @@ const ApprovalDialog = () => {
|
|||||||
if (result.isConfirmed) {
|
if (result.isConfirmed) {
|
||||||
// ✅ Kalau tekan YES, baru tembak API
|
// ✅ Kalau tekan YES, baru tembak API
|
||||||
const response = await PostData(`${API_URL}/transaction/set-approval`, {
|
const response = await PostData(`${API_URL}/transaction/set-approval`, {
|
||||||
id_transaction: transactionDetails.id,
|
id_transaction: selectedTransactionIdForApproval,
|
||||||
notes: formField.notes,
|
notes: formField.notes,
|
||||||
status: formField.status,
|
status: formField.status,
|
||||||
pin: formField.pin,
|
pin: formField.pin,
|
||||||
@ -91,7 +85,7 @@ const ApprovalDialog = () => {
|
|||||||
// console.log(response?.message?.error?.message,response?.status);
|
// console.log(response?.message?.error?.message,response?.status);
|
||||||
|
|
||||||
if (response?.status === false) {
|
if (response?.status === false) {
|
||||||
console.log(response);
|
// console.log(response);
|
||||||
toast.error(JSON.stringify(response));
|
toast.error(JSON.stringify(response));
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@ -100,7 +94,7 @@ const ApprovalDialog = () => {
|
|||||||
toast.success('Success Update Approval');
|
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 => ${selectedTransactionIdForApproval}`,
|
||||||
action: 'U',
|
action: 'U',
|
||||||
};
|
};
|
||||||
doSaveLogActivity(createActivity);
|
doSaveLogActivity(createActivity);
|
||||||
@ -111,7 +105,7 @@ const ApprovalDialog = () => {
|
|||||||
console.log('User cancelled');
|
console.log('User cancelled');
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
[formField, transactionDetails]
|
[formField]
|
||||||
);
|
);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
@ -122,41 +116,10 @@ const ApprovalDialog = () => {
|
|||||||
status: '',
|
status: '',
|
||||||
pin: ''
|
pin: ''
|
||||||
});
|
});
|
||||||
setTransactionDetails(null);
|
|
||||||
setAlert({ show: false, message: '' });
|
setAlert({ show: false, message: '' });
|
||||||
}
|
}
|
||||||
}, [showApprovalDialog]);
|
}, [showApprovalDialog]);
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
const fetchTransactionDetails = async () => {
|
|
||||||
if (selectedTransactionIdForApproval) {
|
|
||||||
try {
|
|
||||||
const response = await GetData(
|
|
||||||
`${API_URL}/transaction/history/detail/${selectedTransactionIdForApproval}`,
|
|
||||||
{
|
|
||||||
id: selectedTransactionIdForApproval,
|
|
||||||
}
|
|
||||||
);
|
|
||||||
setTransactionDetails(response?.data);
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Error fetching transaction', error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
if (showApprovalDialog && selectedTransactionIdForApproval) {
|
|
||||||
fetchTransactionDetails();
|
|
||||||
}
|
|
||||||
}, [showApprovalDialog, selectedTransactionIdForApproval, GetData]);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (transactionDetails) {
|
|
||||||
setFormField((prev) => ({
|
|
||||||
...prev,
|
|
||||||
transaction_code: transactionDetails.id ?? '',
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
}, [transactionDetails]);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Dialog open={showApprovalDialog} onOpenChange={setShowApprovalDialog}>
|
<Dialog open={showApprovalDialog} onOpenChange={setShowApprovalDialog}>
|
||||||
|
|||||||
Reference in New Issue
Block a user