title: Favorites cart with React and Redux
body: <p>Bonjour stackoverflow, I made a Favorites component to add movies that I get through an API. I used Redux to add movies to the Favorites component but I'm just getting an integer for the moment. I would like to retrieve all the informations about the added movie (title, description, photos etc..) and display it in my Favorites component.</p>
  
  <p><strong>So here is my Favorites component that retrieves favorites movies:</strong></p>
  
  <pre><code>&lt;div&gt;
          &lt;Badge className={classes.badgeFav} color="secondary" badgeContent={this.props.movieReducer.movies.length}&gt;
            &lt;Button
              onClick={this.handleClickOpen}
              target="_blank"
              className={classes.navLink}
            &gt;
              &lt;Favorite className={classes.icons} /&gt; Favorites
            &lt;/Button&gt;
            &lt;/Badge&gt;
            &lt;Dialog
              open={this.state.open}
              TransitionComponent={Transition}
              keepMounted
              onClose={this.handleClose}
              aria-labelledby="alert-dialog-slide-title"
              aria-describedby="alert-dialog-slide-description"
            &gt;
              &lt;DialogTitle id="alert-dialog-slide-title"&gt;My Favorites&lt;/DialogTitle&gt;
              &lt;DialogContent&gt;
                &lt;DialogContentText id="alert-dialog-slide-description"&gt;
                  {this.props.movieReducer.movies.length} movie(s)
                &lt;/DialogContentText&gt;
              &lt;/DialogContent&gt;
              &lt;DialogActions&gt;
                &lt;Button onClick={this.handleClose} className={classes.navLinkMod}&gt;
                  Close
                &lt;/Button&gt;
              &lt;/DialogActions&gt;
            &lt;/Dialog&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>With Redux at the end: </p>
  
  <pre><code>const mapDispatchToProps = dispatch =&gt; ({
  
  });
  
  const mapStateToProps = state =&gt; ({
    ...state
  })
  </code></pre>
  
  <p><strong>And my component that add movie to Favorite Component (I have removed some code for more understanding):</strong>
  (For the moment it sends an integer (onClick={() => addMovie(1)}) )</p>
  
  <pre><code>render() {
      const { classes } = this.props;
      const { addMovie } = this.props;
      const theMovies = this.state.films.map((film) =&gt; {
        return(
          &lt;Grid key={film.id} item xs={6} sm={6} md={3} lg={3}&gt;
            &lt;Card className='container-card-poster'&gt;
                  &lt;figcaption className='fig-caption'&gt;
                    &lt;h4 className={classes.titleOverlay}&gt;{film.title}&lt;/h4&gt;
                  &lt;/figcaption&gt;
                    &lt;Tooltip 
                      TransitionComponent={Zoom}
                      id="Add to favorite"
                      title={&lt;p&gt;Add to favorite&lt;/p&gt;}
                      placement={window.innerWidth &gt; 959 ? "top" : "top"}
                    &gt;
                      &lt;Favorite onClick={() =&gt; addMovie(1)} className={classes.iconsHoverFav} /&gt;
                    &lt;/Tooltip&gt;
            &lt;/Card&gt;
          &lt;/Grid&gt;
  </code></pre>
  
  <p>With Redux at the end: </p>
  
  <pre><code>const mapDispatchToProps = dispatch =&gt; ({
    addMovie: (movie) =&gt; dispatch(addMovie(movie))
  });
  const mapStateToProps = state =&gt; ({
    ...state
  })
  TopFilms.propTypes = {
    classes: PropTypes.object
  };
  </code></pre>
  
  <p>I don't know how to get all the information when adding a movie so if someone can help me, that would be great!</p>
  
  <p>Have a nice day everyone.</p>