Function ButtonModal

src/components/modals.js:13–50

({ message, title, okText="OK", onOk, onCancel, okButtonType="default", children})

 * @returns 
 */
export const ButtonModal = ({ message, title, okText="OK", onOk, onCancel, okButtonType="default", children}) => {
    
    const [isModalOpen, setIsModalOpen] = useState(false)

    const showModal = () => {
        setIsModalOpen(true)
    }

    const handleOk = (e) => {
        e.stopPropagation()

        setIsModalOpen(false)
        if (onOk){
            onOk()
        }
    }
    
    const handleCancel = (e) => {
        e.stopPropagation()

        setIsModalOpen(false)
        
        if (onCancel){
            onCancel()
        }
    }
    
    return (
        <div onClick={showModal}>
            {children}
            <Modal title={title} open={isModalOpen} onClose={handleCancel}
                    okText={okText}
                    onOk={handleOk} okType={okButtonType} onCancel={handleCancel}>
                <p>{message}</p>
            </Modal>
        </div>
    )
}