Tom Butcher
1b6137fe77
- Introduced AcknowledgePurchaseOrder, CancelPurchaseOrder, and PostPurchaseOrder components for managing purchase order actions. - Each component includes a confirmation dialog and integrates with the ApiServerContext for handling respective operations. - Added loading states and success messages for user feedback upon successful actions.
47 lines
1.3 KiB
JavaScript
47 lines
1.3 KiB
JavaScript
import { useState, useContext } from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { ApiServerContext } from '../../context/ApiServerContext'
|
|
import { message } from 'antd'
|
|
import MessageDialogView from '../../common/MessageDialogView.jsx'
|
|
|
|
const CancelPurchaseOrder = ({ onOk, objectData }) => {
|
|
const [cancelLoading, setCancelLoading] = useState(false)
|
|
const { sendObjectFunction } = useContext(ApiServerContext)
|
|
|
|
const handleCancel = async () => {
|
|
setCancelLoading(true)
|
|
try {
|
|
const result = await sendObjectFunction(
|
|
objectData._id,
|
|
'PurchaseOrder',
|
|
'cancel'
|
|
)
|
|
if (result) {
|
|
message.success('Purchase order cancelled successfully')
|
|
onOk(result)
|
|
}
|
|
} catch (error) {
|
|
console.error('Error cancelling purchase order:', error)
|
|
} finally {
|
|
setCancelLoading(false)
|
|
}
|
|
}
|
|
|
|
return (
|
|
<MessageDialogView
|
|
title={'Are you sure you want to cancel this purchase order?'}
|
|
description={`Cancelling purchase order ${objectData?.name || objectData?._reference || objectData?._id} will update its status to cancelled.`}
|
|
onOk={handleCancel}
|
|
okText='Cancel'
|
|
okLoading={cancelLoading}
|
|
/>
|
|
)
|
|
}
|
|
|
|
CancelPurchaseOrder.propTypes = {
|
|
onOk: PropTypes.func.isRequired,
|
|
objectData: PropTypes.object
|
|
}
|
|
|
|
export default CancelPurchaseOrder
|