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 130x 130x 130x 130x 130x 1x 1x 130x 130x 130x 130x 130x 130x 130x 130x 130x 130x 130x 130x 130x 130x 130x 130x 130x 130x 130x 130x 130x 130x 130x 130x 130x 130x 130x 130x | import Modal from "react-bootstrap/Modal";
import { useForm } from "react-hook-form";
import { Form } from "react-bootstrap";
export default function RosterStudentDeleteModal({
onSubmitAction,
showModal,
toggleShowModal,
}) {
const hideModal = () => {
toggleShowModal(false);
};
const { register, handleSubmit } = useForm();
return (
<Modal
show={showModal}
onHide={hideModal}
centered={true}
data-testid="RosterStudentDeleteModal"
>
<Modal.Header closeButton>Delete Roster Student</Modal.Header>
<Form onSubmit={handleSubmit(onSubmitAction)}>
<Modal.Body>
<Form.Text>
Are you sure you want to delete this roster student?
</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 Student
</button>
</Modal.Footer>
</Form>
</Modal>
);
}
|