touched file

This commit is contained in:
andres alcocer
2021-10-06 11:08:48 -04:00
parent ddc766288c
commit 4eb5b6f8b3

View File

@@ -10,18 +10,17 @@ class Home extends Component {
toggleModal: false,
/** Holds the movie information for a single movie. */
movieOverview: {},
}
};
/* Get the appropriate details for a specific movie that was clicked */
selectMovieHandler = async (movie) => {
this.setState({ toggleModal: true });
await this.setState({ movieOverview: movie });
}
};
closeModal = () => {
this.setState({ toggleModal: false });
}
};
render() {
return (
@@ -29,9 +28,11 @@ class Home extends Component {
<div className="main-content">
<MainContent selectMovieHandler={this.selectMovieHandler} />
</div>
<Modal show={this.state.toggleModal}
<Modal
show={this.state.toggleModal}
modalClosed={this.closeModal}
movie={this.state.movieOverview}>
movie={this.state.movieOverview}
>
<MovieDetails movie={this.state.movieOverview} />
</Modal>
</>
@@ -39,4 +40,4 @@ class Home extends Component {
}
}
export default Home;
export default Home;