[questions][fix] fix query params updating wrongly

apps/portal/src/components/questions/QuestionSearchBar.tsx

@@ -46,13 +46,15 @@ export default function QuestionSearchBar<
         value={sortValue}
         onChange={onSortChange}
       />
-      <Button
+      <div className="lg:hidden">
-        addonPosition="start"
+        <Button
-        icon={AdjustmentsHorizontalIcon}
+          addonPosition="start"
-        label="Filter options"
+          icon={AdjustmentsHorizontalIcon}
-        variant="tertiary"
+          label="Filter options"
-        onClick={onFilterOptionsToggle}
+          variant="tertiary"
-      />
+          onClick={onFilterOptionsToggle}
+        />
+      </div>
     </div>
   );
 }

apps/portal/src/pages/questions/index.tsx

@@ -143,19 +143,38 @@ export default function QuestionsHomePage() {
   ]);
 
   useEffect(() => {
-    if (areFiltersInitialized) {
+    if (areFiltersInitialized && !loaded) {
+      // Update query params
+      router.replace({
+        pathname: router.pathname,
+        query: {
+          companies: selectedCompanies,
+          locations: selectedLocations,
+          questionAge: selectedQuestionAge,
+          questionTypes: selectedQuestionTypes,
+        },
+      });
       const hasFilter =
-        router.query.companies ||
+        selectedCompanies.length > 0 ||
-        router.query.questionTypes ||
+        selectedLocations.length > 0 ||
-        router.query.questionAge ||
+        selectedQuestionAge !== 'all' ||
-        router.query.locations;
+        selectedQuestionTypes.length > 0;
       if (hasFilter) {
         setHasLanded(true);
       }
-      // Console.log('landed', hasLanded);
+
       setLoaded(true);
     }
-  }, [areFiltersInitialized, hasLanded, router.query]);
+  }, [
+    areFiltersInitialized,
+    hasLanded,
+    loaded,
+    router,
+    selectedCompanies,
+    selectedLocations,
+    selectedQuestionAge,
+    selectedQuestionTypes,
+  ]);
 
   if (!loaded) {
     return null;
@@ -291,7 +310,7 @@ export default function QuestionsHomePage() {
           <h2 className="px-4 text-xl font-semibold">Filter by</h2>
           {filterSidebar}
         </aside>
-        <div className="hidden">
+        <div className="lg:hidden">
           <SlideOut
             enterFrom="end"
             isShown={filterDrawerOpen}

apps/portal/src/utils/questions/useSearchFilter.ts

@@ -27,13 +27,6 @@ export const useSearchFilter = <Value extends string = string>(
         if (localStorageValue !== null) {
           const loadedFilters = JSON.parse(localStorageValue);
           setFilters(loadedFilters);
-          router.replace({
-            pathname: router.pathname,
-            query: {
-              ...router.query,
-              [name]: loadedFilters,
-            },
-          });
         }
       }
       setIsInitialized(true);