All files / components/Courses AddCourseStaffForm.js

100% Statements 4/4
100% Branches 7/7
100% Functions 2/2
100% Lines 4/4

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 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83                      13x         13x   13x                                                                                                       1x                        
import { Button, Form, Row, Col } from 'react-bootstrap';
import { useForm } from 'react-hook-form'
import { useNavigate } from 'react-router-dom'
 
function AddCourseStaffForm({ initialContents, submitAction, buttonLabel = "Create" }) {
 
    // Stryker disable all
    const {
        register,
        formState: { errors },
        handleSubmit,
    } = useForm(
        { defaultValues: initialContents || {}, }
    );
    // Stryker restore all
 
    const navigate = useNavigate();
 
    return (
 
        <Form onSubmit={handleSubmit(submitAction)}>
 
 
            <Row>
                {initialContents && (
                    <Col>
                        <Form.Group className="mb-3" >
                            <Form.Label htmlFor="id">Id</Form.Label>
                            <Form.Control
                                data-testid="AddCourseStaffForm-id"
                                id="id"
                                type="text"
                                {...register("id")}
                                value={initialContents.id}
                                disabled
                            />
                        </Form.Group>
                    </Col>
                    
                )}
            </Row>
 
            <Row>
                <Col>
                    <Form.Group className="mb-3" >
                        <Form.Label htmlFor="githubLogin">Github Login</Form.Label>
                        <Form.Control
                            data-testid="AddCourseStaffForm-githubLogin"
                            id="githubLogin"
                            type="text"
                            isInvalid={Boolean(errors.githubLogin)}
                            {...register("githubLogin", { required: true })}
                        />
                        <Form.Control.Feedback type="invalid">
                            {errors.githubLogin && 'Github Login is required. '}
                        </Form.Control.Feedback>
                    </Form.Group>
                </Col>
            </Row>
 
            <Row>
                <Col>
                    <Button
                        type="submit"
                        data-testid="AddCourseStaffForm-submit"
                    >
                        {buttonLabel}
                    </Button>
                    <Button
                        variant="Secondary"
                        onClick={() => navigate(-1)}
                        data-testid="AddCourseStaffForm-cancel"
                    >
                        Cancel
                    </Button>
                </Col>
            </Row>
        </Form>
 
    )
}
 
export default AddCourseStaffForm