diff --git a/src/components/Movie/MovieDetails.js b/src/components/Movie/MovieDetails.js index f88da53..dd16e42 100644 --- a/src/components/Movie/MovieDetails.js +++ b/src/components/Movie/MovieDetails.js @@ -3,29 +3,34 @@ import React from 'react' import AddIcon from '../../static/images/add.svg' import PlayIcon from '../../static/images/play-button.svg' -export default function MovieDetails(props) { +export default function MovieDetails({ + movie: { + title, + name, + vote_average, + release_date, + first_air_date, + runtime, + episode_run_time, + number_of_episodes, + number_of_seasons, + overview, + }, +}) { return (
- - Rating: {props.movie.vote_average * 10}%{' '} - - Release date: {props.movie.release_date || props.movie.first_air_date}{' '} - Runtime: {props.movie.runtime || props.movie.episode_run_time}m + Rating: {vote_average * 10}% + Release date: {release_date || first_air_date} Runtime:{' '} + {runtime || episode_run_time}m
- {props.movie.number_of_episodes - ? ' Episodes: ' + props.movie.number_of_episodes - : ''} - {props.movie.number_of_seasons - ? ' Seasons: ' + props.movie.number_of_seasons - : ''} + {number_of_episodes ? ' Episodes: ' + number_of_episodes : ''} + {number_of_seasons ? ' Seasons: ' + number_of_seasons : ''}
-{props.movie.overview}
+{overview}