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.4 KiB
JavaScript
47 lines
1.4 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 AcknowledgePurchaseOrder = ({ onOk, objectData }) => {
|
|
const [acknowledgeLoading, setAcknowledgeLoading] = useState(false)
|
|
const { sendObjectFunction } = useContext(ApiServerContext)
|
|
|
|
const handleAcknowledge = async () => {
|
|
setAcknowledgeLoading(true)
|
|
try {
|
|
const result = await sendObjectFunction(
|
|
objectData._id,
|
|
'PurchaseOrder',
|
|
'acknowledge'
|
|
)
|
|
if (result) {
|
|
message.success('Purchase order acknowledged successfully')
|
|
onOk(result)
|
|
}
|
|
} catch (error) {
|
|
console.error('Error acknowledging purchase order:', error)
|
|
} finally {
|
|
setAcknowledgeLoading(false)
|
|
}
|
|
}
|
|
|
|
return (
|
|
<MessageDialogView
|
|
title={'Are you sure you want to acknowledge this purchase order?'}
|
|
description={`Acknowledging purchase order ${objectData?.name || objectData?._reference || objectData?._id} will update its status to acknowledged.`}
|
|
onOk={handleAcknowledge}
|
|
okText='Acknowledge'
|
|
okLoading={acknowledgeLoading}
|
|
/>
|
|
)
|
|
}
|
|
|
|
AcknowledgePurchaseOrder.propTypes = {
|
|
onOk: PropTypes.func.isRequired,
|
|
objectData: PropTypes.object
|
|
}
|
|
|
|
export default AcknowledgePurchaseOrder
|