first commit
This commit is contained in:
35
src/Components/Modals/ConfirmModal.js
Normal file
35
src/Components/Modals/ConfirmModal.js
Normal file
@@ -0,0 +1,35 @@
|
||||
import Button from "../../pageElements/Button";
|
||||
import Modal from "react-bootstrap/Modal";
|
||||
|
||||
const ConfirmModal = ({
|
||||
onCancel,
|
||||
onConfirm,
|
||||
buttonLabelText,
|
||||
modalText,
|
||||
isBusy,
|
||||
}) => {
|
||||
return (
|
||||
<Modal show="true" onHide={onCancel} size="lg">
|
||||
<Modal.Header closeButton>
|
||||
<Modal.Title>Confirmation</Modal.Title>
|
||||
</Modal.Header>
|
||||
<Modal.Body>{modalText}</Modal.Body>
|
||||
<Modal.Footer>
|
||||
<Button
|
||||
disabled={isBusy}
|
||||
className="secondary-button"
|
||||
onClick={onCancel}
|
||||
labelText="Cancel"
|
||||
/>
|
||||
<Button
|
||||
disabled={isBusy}
|
||||
className="primary-button"
|
||||
onClick={onConfirm}
|
||||
labelText={buttonLabelText}
|
||||
/>
|
||||
</Modal.Footer>
|
||||
</Modal>
|
||||
);
|
||||
};
|
||||
|
||||
export default ConfirmModal;
|
||||
Reference in New Issue
Block a user