Tweaker nullstill-knapp

Author: anders-nom

src/components/common/paginator/Paginator.tsx

@@ -10,7 +10,7 @@ type Props = {
 };
 
 export const Paginator = ({ numPages, pageNumber, onPageChange }: Props) => {
-    if (numPages <= 1) {
+    if (numPages < 2) {
         return null;
     }
 

src/components/left-section/categories/CategoriesMenu.tsx

@@ -12,7 +12,7 @@ type Props = {
 };
 
 export const CategoriesMenu = ({ rootCategories, className }: Props) => {
-    const { updateSearchParams } = useSearchState();
+    const { updateSearchParams, searchParams } = useSearchState();
 
     return (
         <TreeView
@@ -25,6 +25,7 @@ export const CategoriesMenu = ({ rootCategories, className }: Props) => {
             <CheckboxGroup
                 legend={'Velg kategorier for søket'}
                 hideLegend={true}
+                value={searchParams.categoryKeys || []}
                 onChange={(values) => updateSearchParams({ categoryKeys: values })}
             >
                 {rootCategories.map((category) => (

src/components/left-section/search/search-input/SearchInput.tsx

@@ -11,7 +11,7 @@ type Props = {
 };
 
 export const SearchInput = ({ className }: Props) => {
-    const { setSearchResult, searchParams, setSearchParams, runSearch } = useSearchState();
+    const { setSearchResult, searchParams, updateSearchParams, runSearch } = useSearchState();
 
     const inputRef = useRef<HTMLInputElement>(null);
 
@@ -42,7 +42,8 @@ export const SearchInput = ({ className }: Props) => {
                     hideLabel={true}
                     size={'small'}
                     ref={inputRef}
-                    onChange={(value) => setSearchParams({ ...searchParams, query: value })}
+                    value={searchParams.query || ''}
+                    onChange={(value) => updateSearchParams({ query: value })}
                 />
             </form>
         </div>

src/context/search-state/SearchStateProvider.tsx

@@ -28,7 +28,8 @@ export const SearchStateProvider = ({ children }: Props) => {
     };
 
     const resetSearchSettings = () => {
-        setSearchParams({ ...initialSearchParams, query: searchParams.query });
+        setSearchParams(initialSearchParams);
+        setSearchResultIsOpen(false);
         persistSearchParams(initialSearchParams, basePath);
     };