reiyua
/
RaysMovieClub
mirror of https://github.com/reiyua/RaysMovieClub.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update to Review Form Component

This commit is contained in:
Ray 2023-11-28 07:39:45 +00:00 committed by GitHub
parent 86ae08e2e9
commit 47312b9868
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 26 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/ReviewForm.js
View File

@ -15,11 +15,15 @@ export function ReviewForm(props) {
const[review, setReview ] = useState()
if (auth) {
return (
<Form onSubmit={submitHandler}>
<Form onSubmit={submitHandler} className="my-4">
<h3>Review {props.movietitle}</h3>
<Form.Group>
<Form.Label>Star</Form.Label>
<Form.Select name="star" value={star} onChange={(evt) => setStar(evt.target.value) }>
<Form.Select
name="star"
value={star}
onChange={(evt) => setStar(evt.target.value)}
>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
@ -30,17 +34,30 @@ export function ReviewForm(props) {
</Form.Group>
<Form.Group>
<Form.Label>Title</Form.Label>
<Form.Control type="text" placeholder="I love this movie" />
<Form.Control
type="text"
placeholder="I love this movie"
name="title"
onChange={(evt) => setTitle(evt.target.value) }
/>
</Form.Group>
<Form.Group>
<Form.Label>Review</Form.Label>
<Form.Control as="textarea" rows={4} cols={30} placeholder="I could not stop watching!" />
<Form.Control
as="textarea"
rows={4}
cols={30}
placeholder="I could not stop watching!"
name="content"
onChange={(evt) => setReview(evt.target.value) }
/>
</Form.Group>
<Button type="submit" variant="primary">Submit</Button>
<Button type="submit" variant="primary">
Submit
</Button>
</Form>
)
}
else {
return null
);
} else {
return null;
}
}