diff --git a/package.json b/package.json index e0a8d3e..eebeaf9 100644 --- a/package.json +++ b/package.json @@ -4,8 +4,7 @@ "description": "", "main": "index.js", "scripts": { - "start": "node", - "start::server": "webpack-dev-server --open --mode development", + "start": "webpack-dev-server --open --mode development", "build": "webpack -p" }, "engines": { diff --git a/src/containers/MovieGenreRow/MovieGenre.js b/src/containers/MovieGenreRow/MovieGenre.js index 5a34609..7649a5d 100644 --- a/src/containers/MovieGenreRow/MovieGenre.js +++ b/src/containers/MovieGenreRow/MovieGenre.js @@ -1,7 +1,7 @@ import React, { Component } from 'react'; -class movieGenre extends Component { +class MovieGenre extends Component { render() { @@ -13,7 +13,7 @@ class movieGenre extends Component { return ( -
@@ -22,4 +22,4 @@ class movieGenre extends Component { } } -export default movieGenre; \ No newline at end of file +export default MovieGenre; \ No newline at end of file diff --git a/src/containers/MovieGenreRow/MovieGenreRow.js b/src/containers/MovieGenreRow/MovieGenreRow.js index 11a6134..7de849f 100644 --- a/src/containers/MovieGenreRow/MovieGenreRow.js +++ b/src/containers/MovieGenreRow/MovieGenreRow.js @@ -17,7 +17,7 @@ class MovieGenreRow extends Component { animatedMovieRow: [], documentaryRow: [], romanceMovieRow: [], - movieDetails: {}, + movieOverview: {}, toggleModal: false, } @@ -39,8 +39,10 @@ class MovieGenreRow extends Component { @param {object} movieObject - A single movie object */ getMovieDetails = (movieObject) => { - this.setState({toggleModal: true}) - this.setState({ movieDetails: movieObject }); + console.log(movieObject); + this.setState({ toggleModal: true }); + this.setState({ movieOverview: movieObject }); + } closeModal = () => { @@ -62,7 +64,7 @@ class MovieGenreRow extends Component { if (movie.poster_path && movie.backdrop_path !== null) { const movieComponent = this.getMovieDetails(movie)} + movieDetailsModal={() => this.getMovieDetails(movie)} key={movie.id} url={url} posterUrl={movieImageUrl} @@ -258,8 +260,8 @@ class MovieGenreRow extends Component { {this.state.documentaryRow} - - + + );