MIF_E31222881/resources/js/Components/features/common/components/ConfirmationModalBody.jsx

40 lines
1.2 KiB
JavaScript

import { useDispatch, useSelector } from 'react-redux'
import axios from 'axios'
import { CONFIRMATION_MODAL_CLOSE_TYPES } from '../../../../../../public/utils/globalConstantUtil'
import { deleteLead } from '../../leads/leadSlice'
import { showNotification } from '../headerSlice'
function ConfirmationModalBody({ extraObject, closeModal }) {
const dispatch = useDispatch()
const { message, type, _id, index } = extraObject
const proceedWithYes = async () => {
if (type === CONFIRMATION_MODAL_CLOSE_TYPES.LEAD_DELETE) {
// positive response, call api or dispatch redux function
dispatch(deleteLead({ index }))
dispatch(showNotification({ message: "Lead Deleted!", status: 1 }))
}
closeModal()
}
return (
<>
<p className=' text-xl mt-8 text-center'>
{message}
</p>
<div className="modal-action mt-12">
<button className="btn btn-outline " onClick={() => closeModal()}>Cancel</button>
<button className="btn btn-primary w-36" onClick={() => proceedWithYes()}>Yes</button>
</div>
</>
)
}
export default ConfirmationModalBody