From 5dd7483d93addcb1294139cb2ec5f32033e6f2c6 Mon Sep 17 00:00:00 2001
From: Radiquum <kentai.waah@gmail.com>
Date: Fri, 22 Aug 2025 00:42:01 +0500
Subject: [PATCH] fix: get params in search

---
 app/pages/Search.tsx | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/app/pages/Search.tsx b/app/pages/Search.tsx
index b3878d6..a88c9d7 100644
--- a/app/pages/Search.tsx
+++ b/app/pages/Search.tsx
@@ -115,16 +115,23 @@ export function SearchPage() {
   const [filtersModalOpen, setFiltersModalOpen] = useState(false);
 
   useEffect(() => {
-    let _parsed = null;
-    try {
-      _parsed = JSON.parse(searchParams.get("params"));
-    } catch {
-      _parsed = {
+    const queryParams = searchParams.get("params");
+
+    if (queryParams) {
+      try {
+        setParams(JSON.parse(queryParams));
+      } catch (e) {
+        setParams({
+          where: "releases",
+          searchBy: "name",
+        });
+      }
+    } else {
+      setParams({
         where: "releases",
         searchBy: "name",
-      };
+      });
     }
-    setParams(_parsed);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
@@ -244,7 +251,7 @@ const FiltersModal = (props: {
                           })
                         : props.setParams({ where: item.id, searchBy: "none" })
                       }
-                      key={`where--${item.id}`}
+                      key={`filter--where--${item.id}`}
                     >
                       {item.label}
                     </DropdownItem>;
@@ -273,7 +280,7 @@ const FiltersModal = (props: {
                           searchBy: item.id,
                         })
                       }
-                      key={`searchBy--${item.id}`}
+                      key={`filter--where--${props.params.where}--searchBy--${item.id}`}
                     >
                       {item.label}
                     </DropdownItem>