You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
20 lines
733 B
20 lines
733 B
import React from 'react';
|
|
import { useSelector } from 'react-redux';
|
|
import Movie from 'Movie/Movie';
|
|
import createAllMoviesSelector from 'Store/Selectors/createAllMoviesSelector';
|
|
import sortByName from 'Utilities/Array/sortByName';
|
|
import FilterBuilderRowValue from './FilterBuilderRowValue';
|
|
import FilterBuilderRowValueProps from './FilterBuilderRowValueProps';
|
|
|
|
function MovieFilterBuilderRowValue(props: FilterBuilderRowValueProps) {
|
|
const allMovies: Movie[] = useSelector(createAllMoviesSelector());
|
|
|
|
const tagList = allMovies
|
|
.map((movie) => ({ id: movie.id, name: movie.title }))
|
|
.sort(sortByName);
|
|
|
|
return <FilterBuilderRowValue {...props} tagList={tagList} />;
|
|
}
|
|
|
|
export default MovieFilterBuilderRowValue;
|