diff --git a/frontend/src/Components/Filter/Builder/MovieFilterBuilderRowValue.tsx b/frontend/src/Components/Filter/Builder/MovieFilterBuilderRowValue.tsx index cbc67b8f0..846ddda12 100644 --- a/frontend/src/Components/Filter/Builder/MovieFilterBuilderRowValue.tsx +++ b/frontend/src/Components/Filter/Builder/MovieFilterBuilderRowValue.tsx @@ -2,18 +2,16 @@ 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) => { - return { - id: movie.id, - name: movie.title, - }; - }); + const tagList = allMovies + .map((movie) => ({ id: movie.id, name: movie.title })) + .sort(sortByName); return ; }