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 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 | 1x 1x 1x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 1x | import { Button, Form } from "react-bootstrap";
import { useForm } from "react-hook-form";
import { useNavigate } from "react-router";
function MenuItemForm({
initialContents,
submitAction,
buttonLabel = "Create",
}) {
// Stryker disable all
const {
register,
formState: { errors },
handleSubmit,
} = useForm({ defaultValues: initialContents || {} });
// Stryker restore all
const navigate = useNavigate();
const testIdPrefix = "MenuItemForm";
return (
<Form onSubmit={handleSubmit(submitAction)}>
{initialContents && (
<Form.Group className="mb-3">
<Form.Label htmlFor="id">Id</Form.Label>
<Form.Control
data-testid={testIdPrefix + "-id"}
id="id"
type="text"
{...register("id")}
value={initialContents.id}
disabled
/>
</Form.Group>
)}
<Form.Group className="mb-3">
<Form.Label htmlFor="diningCommonsCode">DiningCommonsCode</Form.Label>
<Form.Control
data-testid={testIdPrefix + "-diningCommonsCode"}
id="diningCommonsCode"
type="text"
isInvalid={Boolean(errors.diningCommonsCode)}
{...register("diningCommonsCode", {
required: "DiningCommonsCode is required.",
maxLength: {
value: 30,
message: "Max length 30 characters",
},
})}
/>
<Form.Control.Feedback type="invalid">
{errors.diningCommonsCode?.message}
</Form.Control.Feedback>
</Form.Group>
<Form.Group className="mb-3">
<Form.Label htmlFor="name">Name</Form.Label>
<Form.Control
data-testid={testIdPrefix + "-name"}
id="name"
type="text"
isInvalid={Boolean(errors.name)}
{...register("name", {
required: "Name is required.",
})}
/>
<Form.Control.Feedback type="invalid">
{errors.name?.message}
</Form.Control.Feedback>
</Form.Group>
<Form.Group className="mb-3">
<Form.Label htmlFor="station">Station</Form.Label>
<Form.Control
data-testid={testIdPrefix + "-station"}
id="station"
type="text"
isInvalid={Boolean(errors.station)}
{...register("station", {
required: "Station is required.",
})}
/>
<Form.Control.Feedback type="invalid">
{errors.station?.message}
</Form.Control.Feedback>
</Form.Group>
<Button type="submit" data-testid={testIdPrefix + "-submit"}>
{buttonLabel}
</Button>
<Button
variant="Secondary"
onClick={() => navigate(-1)}
data-testid={testIdPrefix + "-cancel"}
>
Cancel
</Button>
</Form>
);
}
export default MenuItemForm;
|