changes for setting values

react/src/pages/Movie.js

@@ -6,14 +6,13 @@ function Movie(props) {
 	const [movie, setMovie] = useState({});
 	const [error, setError] = useState("");
 	const [rating, setRating] = useState("");
-	const [watchStatus, setWatchStatus] = useState("");
+	const [watchStatus, setwatchStatus] = useState("");
+
 
 	const movieId = props.movieId;
 
-	const handleRating = async e => {
+	const handleChange = type => async e => {		
 		e.preventDefault();
-		setRating(e.target.value);
-		setWatchStatus(e.target.value);
 		const Token = window.localStorage.getItem("Token");
 
 		try {
@@ -26,9 +25,9 @@ function Movie(props) {
 				}),
 			});
 			const data = await response.json();
-
-			console.log(rating);
-			console.log(watchStatus);
+			if (type==="rating"? setRating(e.target.value):setwatchStatus(e.target.value));
+			console.log(data.rating);
+			console.log(data.watchStatus);
 
 		} catch (e) {
 			setError(e.message);
@@ -80,8 +79,8 @@ function Movie(props) {
 			<div>
 				Rating 
 				<select defaultValue={rating}
-                    onChange={handleRating}>
-					{["Select",1,2,3,4,5,6,7,8,9,10].map(r=> (
+                    onChange={ () => handleChange("rating")}>
+					{[1,2,3,4,5,6,7,8,9,10].map(r=> (
 						<option value={String(r)} 
 						selected={
 							movie.rating === String(r) ? true : false
@@ -94,8 +93,8 @@ function Movie(props) {
 			<div>
 				Watch Status 
 				<select defaultValue={watchStatus}
-                    onChange={handleRating}>
-					{["Select","PLANNED","IN_PROGRESS","COMPLETED"].map(r=> (
+                    onChange={ () => handleChange("watchStatus")}>
+					{["PLANNED","IN_PROGRESS","COMPLETED"].map(r=> (
 						<option value={String(r)} 
 						selected={
 							movie.watchStatus === String(r) ? true : false