ui: search fetching

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>

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

frontend/app/mstore/searchStore.ts

@@ -220,7 +220,6 @@ class SearchStore {
 
     this.savedSearch = new SavedSearch({});
     sessionStore.clearList();
-    void this.fetchSessions(true);
   }
 
   checkForLatestSessions() {