All files / components/RosterStudent RosterStudentDeleteModal.jsx

100% Statements 39/39
100% Branches 2/2
100% Functions 2/2
100% Lines 39/39

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 561x 1x 1x   1x 127x 127x 127x 127x 127x 1x 1x   127x   127x 127x 127x 127x 127x 127x   127x 127x 127x 127x     127x 127x 127x 127x 127x 127x 127x   127x 127x 127x 127x 127x 127x 127x       127x 127x             127x  
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>
  );
}