fix the transient messages, so they stick until a new search is run

Linaro · Oct 7, 2024 · 901692b · 901692b
1 parent 5a7a702
commit 901692b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/components/Search/PageFind.tsx b/src/components/Search/PageFind.tsx
@@ -147,13 +147,18 @@ const PageFind = ({
       compatibility: url.searchParams.get("compatibility")?.split(","),
       auto_super_resolution: url.searchParams.get("auto_super_resolution")?.split(","),
       page: url.searchParams.get("page"),
+      searchrun: false,
     };
   });
 
   const [page, setPage] = createSignal(
     pathParams().page ? Number(pathParams().page) : 1
   );
 
+  const [searchrun, setSearchRun] = createSignal(
+    pathParams().searchrun ? pathParams().searchrun: Boolean(false) 
+  );
+
   const [search, setSearch] = createSignal<{
     query: string | null;
     filters: Filters;
@@ -233,6 +238,7 @@ const PageFind = ({
       window.history.replaceState({}, "", url.toString());
       setRequest(search());
       setPage(1);
+      setSearchRun(Boolean(true));
     };
 
   const [results] = createResource<Results, SearchQuery>(request, fetchResults);
@@ -304,6 +310,7 @@ const PageFind = ({
           clearSearch={clearSearch}
           setFilter={setFilter}
           type={type}
+          searchRun={searchrun}
         />
       </Show>
     </div>

diff --git a/src/components/Search/Results.tsx b/src/components/Search/Results.tsx
@@ -180,6 +180,7 @@ const Results = ({
   clearSearch,
   setFilter,
   type,
+  searchRun,
 }: {
   page: Accessor<number>;
   setPage: Setter<number>;
@@ -188,6 +189,7 @@ const Results = ({
   clearSearch: () => void;
   setFilter: (filter: string, selection: string, value: boolean) => void;
   type: "applications" | "games";
+  searchRun: Accessor<boolean>
 }) => {
   const [paginatedResults, setPaginatedResults] = createSignal([]);
 
@@ -269,8 +271,7 @@ const Results = ({
 
         <Match when={ 
                       results().results.length === 0 &&
-                      (search().query !== null &&
-                      search().filters !== null)
+                      searchRun() === Boolean(true)
                     }>
           <div class="w-full flex flex-col items-center gap-3 p-10">
             <p class="text-center text-xl mb-2">