Hindrer query fra å resettes ved nullstilling av settings

Author: anders-nom

src/components/left-section/search/search-input/search-settings/SearchSettings.tsx

@@ -14,7 +14,7 @@ export const SearchSettings = () => {
     const { appContext } = useAppState();
     const { rootCategories } = appContext;
 
-    const { searchParams, updateSearchParams, resetSearchParams } = useSearchState();
+    const { searchParams, updateSearchParams, resetSearchSettings } = useSearchState();
     const { sort, categoryKeys, type, isCustom } = searchParams;
 
     const { titlesToKeys, keysToTitles } = createKeysTitlesMaps(rootCategories);
@@ -32,7 +32,7 @@ export const SearchSettings = () => {
                             size={'xsmall'}
                             variant={'tertiary'}
                             className={style.toggle}
-                            onClick={resetSearchParams}
+                            onClick={resetSearchSettings}
                         >
                             {'Nullstill'}
                             <XMarkIcon />

src/context/search-state/SearchStateContext.ts

@@ -9,7 +9,7 @@ export type SearchState = {
     searchParams: ContentSearchParams;
     setSearchParams: (params: ContentSearchParams) => void;
     updateSearchParams: (params: Partial<ContentSearchParams>) => void;
-    resetSearchParams: () => void;
+    resetSearchSettings: () => void;
 };
 
 export const initialSearchParams: ContentSearchParams = {
@@ -26,5 +26,5 @@ export const SearchStateContext = createContext<SearchState>({
     searchParams: initialSearchParams,
     setSearchParams: () => ({}),
     updateSearchParams: () => ({}),
-    resetSearchParams: () => ({}),
+    resetSearchSettings: () => ({}),
 });

src/context/search-state/SearchStateProvider.tsx

@@ -20,7 +20,8 @@ export const SearchStateProvider = ({ children }: { children: React.ReactNode })
         setSearchParams(newParams);
     };
 
-    const resetSearchParams = () => setSearchParams(initialSearchParams);
+    const resetSearchSettings = () =>
+        setSearchParams({ ...initialSearchParams, query: searchParams.query });
 
     useEffect(() => {
         setSearchResultIsOpen(!!searchResult);
@@ -36,7 +37,7 @@ export const SearchStateProvider = ({ children }: { children: React.ReactNode })
                 searchResultIsOpen,
                 setSearchResultIsOpen,
                 updateSearchParams,
-                resetSearchParams,
+                resetSearchSettings,
             }}
         >
             {children}