From 6027041a4f7ca91d201def25341c4ceae0b7a1f6 Mon Sep 17 00:00:00 2001
From: Bogdan <mynameisbogdan@users.noreply.github.com>
Date: Tue, 17 Oct 2023 18:43:49 +0300
Subject: [PATCH] Sort series by name in filter builder

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

diff --git a/frontend/src/Components/Filter/Builder/SeriesFilterBuilderRowValue.tsx b/frontend/src/Components/Filter/Builder/SeriesFilterBuilderRowValue.tsx
index 418874fc7..2eae79c80 100644
--- a/frontend/src/Components/Filter/Builder/SeriesFilterBuilderRowValue.tsx
+++ b/frontend/src/Components/Filter/Builder/SeriesFilterBuilderRowValue.tsx
@@ -2,18 +2,16 @@ import React from 'react';
 import { useSelector } from 'react-redux';
 import Series from 'Series/Series';
 import createAllSeriesSelector from 'Store/Selectors/createAllSeriesSelector';
+import sortByName from 'Utilities/Array/sortByName';
 import FilterBuilderRowValue from './FilterBuilderRowValue';
 import FilterBuilderRowValueProps from './FilterBuilderRowValueProps';
 
 function SeriesFilterBuilderRowValue(props: FilterBuilderRowValueProps) {
   const allSeries: Series[] = useSelector(createAllSeriesSelector());
 
-  const tagList = allSeries.map((series) => {
-    return {
-      id: series.id,
-      name: series.title,
-    };
-  });
+  const tagList = allSeries
+    .map((series) => ({ id: series.id, name: series.title }))
+    .sort(sortByName);
 
   return <FilterBuilderRowValue {...props} tagList={tagList} />;
 }