main styles added

src/components/Header/Header.js

@@ -1,8 +1,6 @@
-import React, { Component } from 'react'; 
-
-
-
-
+import React, { Component } from 'react';
+import PlayLogo from '../../static/images/play-button.svg'; 
+import AddLogo from '../../static/images/add.svg'; 
 
 
 class Header extends Component {
@@ -20,8 +18,14 @@ class Header extends Component {
       <header style={backgroundStyle} className="header">
           <div className="header__container">
               <h1 className="header__container-heading">{this.props.movie.name}</h1>
-              <button onClick={() => alert("not a moive!")} className="header__container-btnPlay">Play</button>
-          <button className="header__container-btnMyList">My List</button>
+          <button onClick={() => alert("not a moive!")} className="header__container-btnPlay">
+            <PlayLogo className="header__container-btnMyList-play" />
+            Play
+          </button>
+          <button className="header__container-btnMyList">
+            <AddLogo className="header__container-btnMyList-add" />
+            My List
+          </button>
               <p className="header__container-overview">{this.props.movie.overview}</p>
           </div>    
     
@@ -32,14 +36,5 @@ class Header extends Component {
 }
 
 
-// const header = (props) => (
-
-//    <header className="header">
-//   <div className="header__background" style={{ background: `url(https://image.tmdb.org/t/p/original/${props.movie.backdrop_path})` }}>
-//       <h1>{props.movie.name}</h1>
-
-//    </div>
-//    </header>
-// ); 
 
 export default Header;