updated modal

src/components/MovieRow/MovieRow.js

@@ -4,11 +4,10 @@ import React from 'react';
 
 const movieRow = (props) => (
 
-   <div className="movie">
-         <div className="movie__column-poster">
+   <div onClick={props.getMovie} className="movie">
+         <div onClick={props.movieDetails} className="movie__column-poster">
             <img src={props.movie.posterSrc} alt="" className="movie__poster" />
          </div>
-         <button onClick={props.movieDetails}>hellooo</button>
    </div> 
 );
 

src/components/MovieRow/MovieSummary/MovieSummary.js

@@ -1,18 +1,19 @@
 import React from 'react'; 
-import Aux from '../../../hoc/Aux/Aux'; 
+import Aux from '../../../hoc/Aux/Aux';
+import MovieRow from '../MovieRow'; 
+ 
 
 const movieSummary = (props) => (
 
-   // // map object into an array of jsx elemenst 
-   // const movieDetails = Object.keys(props.movies)
-   //    .map(movieKey => {
-   //       return <p>{movieKey}: {props.movies[movieKey]}</p>
-   //    }); 
+ // get movieid and make api call 
+
+ // render data dynamically 
    
 
    <Aux>
+    
       {/* <img src="" alt=""/> */}
-      <h1>Movie Title</h1>
+      <h1>Movie Title: {props.movieInfo.title}</h1>
       <p>rating: 45% realease-date: 2018 runtime: 100m </p>
       <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nemo, delectus! Veniam error perferendis pariatur atque facere? Repudiandae, quia mollitia sapiente 
          necessitatibus vitae error assumenda maiores perferendis quaerat excepturi voluptatum quidem?</p>

src/components/UI/Backdrop/Backdrop.js

@@ -1,7 +1,6 @@
 import React from 'react'; 
 
 
-
 const backdrop = (props) => (
    props.show ? <div 
                   onClick={props.toggleBackdrop}