From dadb1bc01f8ca23bfb04a3ac91f8aed9afe2c094 Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Thu, 17 Apr 2025 13:35:40 +0200
Subject: [PATCH] ui: search fetching

---
 .../Assist/AssistSearchField/AssistSearchField.tsx         | 6 +++++-
 .../app/components/shared/MainSearchBar/MainSearchBar.tsx  | 7 ++++++-
 frontend/app/mstore/searchStore.ts                         | 1 -
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/Assist/AssistSearchField/AssistSearchField.tsx b/frontend/app/components/Assist/AssistSearchField/AssistSearchField.tsx
index 974b72fb7..2b05e17df 100644
--- a/frontend/app/components/Assist/AssistSearchField/AssistSearchField.tsx
+++ b/frontend/app/components/Assist/AssistSearchField/AssistSearchField.tsx
@@ -25,6 +25,10 @@ function AssistSearchField() {
   const showRecords = () => {
     showModal(<Recordings />, { right: true, width: 960 });
   };
+
+  const onClear = () => {
+    searchStoreLive.clearSearch();
+  }
   return (
     <div className="flex items-center w-full gap-2">
       <div style={{ width: '60%' }}>
@@ -42,7 +46,7 @@ function AssistSearchField() {
         type="link"
         className="ml-auto font-medium"
         disabled={!hasFilters && !hasEvents}
-        onClick={() => searchStoreLive.clearSearch()}
+        onClick={onClear}
       >
         Clear Search
       </Button>
diff --git a/frontend/app/components/shared/MainSearchBar/MainSearchBar.tsx b/frontend/app/components/shared/MainSearchBar/MainSearchBar.tsx
index a12be579f..97b39e713 100644
--- a/frontend/app/components/shared/MainSearchBar/MainSearchBar.tsx
+++ b/frontend/app/components/shared/MainSearchBar/MainSearchBar.tsx
@@ -32,6 +32,11 @@ const MainSearchBar = (props: Props) => {
       currSite.current = projectId;
     }
   }, [projectId]);
+
+  const onClear = () => {
+    searchStore.clearSearch();
+    void searchStore.fetchSessions(true);
+  }
   return (
     <div className="flex items-center flex-wrap">
       <div style={{ flex: 3, marginRight: '10px' }}>
@@ -45,7 +50,7 @@ const MainSearchBar = (props: Props) => {
           // className="ml-auto font-medium"
           type="link"
           disabled={!hasSearch}
-          onClick={() => searchStore.clearSearch()}
+          onClick={onClear}
           className="ml-auto font-medium"
         >
           Clear Search
diff --git a/frontend/app/mstore/searchStore.ts b/frontend/app/mstore/searchStore.ts
index 43f00b8a7..e15a2e628 100644
--- a/frontend/app/mstore/searchStore.ts
+++ b/frontend/app/mstore/searchStore.ts
@@ -220,7 +220,6 @@ class SearchStore {
 
     this.savedSearch = new SavedSearch({});
     sessionStore.clearList();
-    void this.fetchSessions(true);
   }
 
   checkForLatestSessions() {