From 9a50fcb82a333621c795b3a609fc28f42496b5f1 Mon Sep 17 00:00:00 2001
From: Bogdan <mynameisbogdan@users.noreply.github.com>
Date: Tue, 17 Oct 2023 18:59:34 +0300
Subject: [PATCH] Sort movies by name in filter builder

---
 .../Filter/Builder/MovieFilterBuilderRowValue.tsx      | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

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 <FilterBuilderRowValue {...props} tagList={tagList} />;
 }