Update MovieComponent.js

Author: khushi-purwar

react-movie-app/src/Components/MovieComponent.js

@@ -43,20 +43,38 @@ const MovieInfo = styled.span`
 
 const MovieComponent = (props) => {
 
-    const { Title, Year, imdbID, Type, Poster } = props.movie;
-
-    return (
-        <MovieContainer onClick={()=>props.onMovieSelect(imdbID)}>
-            <CoverImage src={Poster} />
-             <MovieName>
-                 {Title}
-             </MovieName>
-             <InfoColumn>
-                 <MovieInfo>Year:{Year}</MovieInfo>
-                 <MovieInfo>Type:{Type}</MovieInfo>
-             </InfoColumn>
-        </MovieContainer>
-    )
+	const {
+		Title,
+		Year,
+		imdbID,
+		Type,
+		Poster
+	} = props.movie;
+
+	return ( <
+		MovieContainer onClick = {
+			() => props.onMovieSelect(imdbID)
+		} >
+		<
+		CoverImage src = {
+			Poster
+		}
+		/> <
+		MovieName > {
+			Title
+		} <
+		/MovieName> <
+		InfoColumn >
+		<
+		MovieInfo > Year: {
+			Year
+		} < /MovieInfo> <
+		MovieInfo > Type: {
+			Type
+		} < /MovieInfo> <
+		/InfoColumn> <
+		/MovieContainer>
+	)
 }
 
 export default MovieComponent