diff --git a/src/components/Header.js b/src/components/Header.js index 8536017..dc11aab 100644 --- a/src/components/Header.js +++ b/src/components/Header.js @@ -3,42 +3,33 @@ import React from 'react' import PlayLogo from '../static/images/play-button.svg' import AddLogo from '../static/images/add.svg' -const Header = ({ movie }) => { +const Header = ({ movie: { backdrop_path, name, overview } }) => { const backgroundStyle = { backgroundSize: 'cover', - backgroundImage: `url(https://image.tmdb.org/t/p/original/${movie.backdrop_path})`, + backgroundImage: `url(https://image.tmdb.org/t/p/original/${backdrop_path})`, backgroundPosition: 'center', } return ( - movie && ( -
-
-

{movie.name}

- +
+
+

{name}

+ - -

{movie.overview}

-
-
-
- ) + +

{overview}

+
+
+
) }