Breaking News: Grepper is joining You.com. Read the official announcement!

redux filter movies list container

Powerful Pheasant answered on May 5, 2021 Popularity 1/10 Helpfulness 1/10

answer redux filter movies list container

redux filter movies list container

Comment

// MoviesContainer.js

import { connect } from 'react-redux';
import Movies from './Movies';

// Getting visible movies from state.
function getVisibleMovies(year, genre, rating, sorting, movies) {
  return movies
    .filter(m => {
      return (
        (year == 'all' || year == m.year) &&
        (genre == 'all' || genre == m.genre) &&
        (rating == 'all' || rating == m.rating)
      );
    })
    .sort((a, b) => {
      if (sorting == 'year') {
        return b.year - a.year;
      }
      if (sorting == 'rating') {
        return b.rating - a.rating;
      }
      if (sorting == 'alphabetically') {
        return a.title > b.title ? 1 : a.title < b.title ? -1 : 0;
      }
    });
}

function mapStateToProps(state) {
  const { year, genre, rating, sorting, movies } = state;
  return {
    movies: getVisibleMovies(year, genre, rating, sorting, movies),
  };
}

export default connect(mapStateToProps)(Movies);

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: filter javascript list movies redux

Link to this answer
Share Copy Link