Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 | 1x 1x 1x 1x 99x 99x 99x 99x 99x 1x 1x 99x 99x 99x 99x 99x 99x 99x 99x 99x 99x 99x 99x 99x 99x 99x 99x 99x 99x 99x 99x 99x 99x 99x 99x 99x 99x 99x 99x | import Modal from "react-bootstrap/Modal";
import { useForm } from "react-hook-form";
import { Form } from "react-bootstrap";
export default function CourseStaffDeleteModal({
onSubmitAction,
showModal,
toggleShowModal,
}) {
const hideModal = () => {
toggleShowModal(false);
};
const { register, handleSubmit } = useForm();
return (
<Modal
show={showModal}
onHide={hideModal}
centered={true}
data-testid="CourseStaffDeleteModal"
>
<Modal.Header closeButton>Delete Course Staff</Modal.Header>
<Form onSubmit={handleSubmit(onSubmitAction)}>
<Modal.Body>
<Form.Text>
Are you sure you want to delete this course staff?
</Form.Text>
<Form.Group>
<Form.Check
type="radio"
label="Yes, I'd like to remove them from the GitHub Organization"
value="true"
id="remove-yes"
{...register("removeFromOrg")}
/>
<Form.Check
type="radio"
label="No, I'd like to keep them in the GitHub Organization"
value="false"
id="remove-no"
defaultChecked
{...register("removeFromOrg")}
/>
</Form.Group>
</Modal.Body>
<Modal.Footer>
<button type="submit" className="btn btn-primary">
Delete Staff
</button>
</Modal.Footer>
</Form>
</Modal>
);
}
|