- Introduced new SVG icons for client and sales order. - Implemented SalesRoutes for navigation. - Created components for managing clients and sales orders, including overview, client info, and order details. - Added functionality for creating, editing, and canceling sales orders. - Integrated sales statistics and actions within the dashboard layout.
48 lines
1.3 KiB
JavaScript
48 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 CancelSalesOrder = ({ onOk, objectData }) => {
|
|
const [cancelLoading, setCancelLoading] = useState(false)
|
|
const { sendObjectFunction } = useContext(ApiServerContext)
|
|
|
|
const handleCancel = async () => {
|
|
setCancelLoading(true)
|
|
try {
|
|
const result = await sendObjectFunction(
|
|
objectData._id,
|
|
'SalesOrder',
|
|
'cancel'
|
|
)
|
|
if (result) {
|
|
message.success('Sales order cancelled successfully')
|
|
onOk(result)
|
|
}
|
|
} catch (error) {
|
|
console.error('Error cancelling sales order:', error)
|
|
} finally {
|
|
setCancelLoading(false)
|
|
}
|
|
}
|
|
|
|
return (
|
|
<MessageDialogView
|
|
title={'Are you sure you want to cancel this sales order?'}
|
|
description={`Cancelling sales order ${objectData?.name || objectData?._reference || objectData?._id} will update its status to cancelled.`}
|
|
onOk={handleCancel}
|
|
okText='Cancel'
|
|
okLoading={cancelLoading}
|
|
/>
|
|
)
|
|
}
|
|
|
|
CancelSalesOrder.propTypes = {
|
|
onOk: PropTypes.func.isRequired,
|
|
objectData: PropTypes.object
|
|
}
|
|
|
|
export default CancelSalesOrder
|
|
|