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 110x 110x 110x 110x 110x 1x 1x 110x 110x 110x 110x 110x 110x 110x 110x 110x 110x 110x 110x 110x 110x 110x 110x 110x 110x 110x 110x 110x 110x 110x 110x 110x 110x 110x 110x | 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 member?
</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 Member
</button>
</Modal.Footer>
</Form>
</Modal>
);
}
|