From b9bf65d67b5e0bfa2d4cecd18444f31d60d57149 Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Thu, 31 Oct 2024 14:08:38 +0100
Subject: [PATCH] ui: fix session fetch on saved search apply

---
 .../components/SavedSearchModal/SavedSearchModal.tsx        | 2 +-
 .../app/components/shared/SessionSearch/SessionSearch.tsx   | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/shared/SavedSearch/components/SavedSearchModal/SavedSearchModal.tsx b/frontend/app/components/shared/SavedSearch/components/SavedSearchModal/SavedSearchModal.tsx
index 5b17f1aa2..7e58ed589 100644
--- a/frontend/app/components/shared/SavedSearch/components/SavedSearchModal/SavedSearchModal.tsx
+++ b/frontend/app/components/shared/SavedSearch/components/SavedSearchModal/SavedSearchModal.tsx
@@ -82,7 +82,7 @@ function SavedSearchModal(props: Props) {
       <div style={{ maxHeight: 'calc(100vh - 106px)', overflowY: 'auto' }}>
         {shownItems.map((item) => (
           <div
-            key={item.key}
+            key={item.searchId}
             className={cn('p-4 cursor-pointer border-b flex items-center group hover:bg-active-blue')}
             onClick={(e) => onClick(item, e)}
           >
diff --git a/frontend/app/components/shared/SessionSearch/SessionSearch.tsx b/frontend/app/components/shared/SessionSearch/SessionSearch.tsx
index c3dbafbec..63b590d19 100644
--- a/frontend/app/components/shared/SessionSearch/SessionSearch.tsx
+++ b/frontend/app/components/shared/SessionSearch/SessionSearch.tsx
@@ -50,14 +50,16 @@ function SessionSearch(props: Props) {
     // void searchStore.fetchSessions(true)
   }, []);
 
+  useEffect(() => {
+    debounceFetch();
+  }, [appliedFilter.filters]);
+
   const onAddFilter = (filter: any) => {
     searchStore.addFilter(filter);
   };
 
   const onUpdateFilter = (filterIndex: any, filter: any) => {
     searchStore.updateFilter(filterIndex, filter);
-
-    debounceFetch();
   };
 
   const onFilterMove = (newFilters: any) => {