From 1ad722acda5258f58646dc56dba9feea4fa36565 Mon Sep 17 00:00:00 2001
From: Bogdan <mynameisbogdan@users.noreply.github.com>
Date: Thu, 25 Jul 2024 07:32:09 +0300
Subject: [PATCH] Fixed: Improve performance in Select Series Modal

---
 .../Series/SelectSeriesModalContent.tsx       | 23 +++++++++++--------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/frontend/src/InteractiveImport/Series/SelectSeriesModalContent.tsx b/frontend/src/InteractiveImport/Series/SelectSeriesModalContent.tsx
index ad5aee15e..86e46a5bb 100644
--- a/frontend/src/InteractiveImport/Series/SelectSeriesModalContent.tsx
+++ b/frontend/src/InteractiveImport/Series/SelectSeriesModalContent.tsx
@@ -163,16 +163,21 @@ function SelectSeriesModalContent(props: SelectSeriesModalContentProps) {
     [allSeries, onSeriesSelect]
   );
 
-  const items = useMemo(() => {
-    const sorted = [...allSeries].sort(sortByProp('sortTitle'));
+  const sortedSeries = useMemo(
+    () => [...allSeries].sort(sortByProp('sortTitle')),
+    [allSeries]
+  );
 
-    return sorted.filter(
-      (item) =>
-        item.title.toLowerCase().includes(filter.toLowerCase()) ||
-        item.tvdbId.toString().includes(filter) ||
-        item.imdbId?.includes(filter)
-    );
-  }, [allSeries, filter]);
+  const items = useMemo(
+    () =>
+      sortedSeries.filter(
+        (item) =>
+          item.title.toLowerCase().includes(filter.toLowerCase()) ||
+          item.tvdbId.toString().includes(filter) ||
+          item.imdbId?.includes(filter)
+      ),
+    [sortedSeries, filter]
+  );
 
   return (
     <ModalContent onModalClose={onModalClose}>