ui: fixes issue with location push/replace

Signed-off-by: pamfilos <[email protected]>
SCOAP3 · Apr 5, 2024 · 9cbc023 · 9cbc023
1 parent 353e7c1
commit 9cbc023
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/ui/src/components/search/CheckboxFacet.tsx b/ui/src/components/search/CheckboxFacet.tsx
@@ -66,7 +66,7 @@ const CheckboxFacet: React.FC<CheckboxFacetProps> = ({
     }
 
     setFilters(updated_filters);
-    router.replace(pathname + '?' + createQueryString(type, updated_filters))
+    router.push(pathname + '?' + createQueryString(type, updated_filters))
   };
 
   return (

diff --git a/ui/src/components/search/SearchPagination.tsx b/ui/src/components/search/SearchPagination.tsx
@@ -20,7 +20,7 @@ const SearchPagination: React.FC<SearchPagination> = ({ count, params }) => {
     const params = new URLSearchParams(searchParams)
     params.set("page", `${page}`);
 
-    router.replace(pathname + (params.toString() ? `?${params.toString()}` : ''));
+    router.push(pathname + (params.toString() ? `?${params.toString()}` : ''));
   };
 
   return (

diff --git a/ui/src/components/search/YearFacet.tsx b/ui/src/components/search/YearFacet.tsx
@@ -65,12 +65,12 @@ const YearFacet = ({ data }: any) => {
   const onSliderAfterChange = (data: number[]) => {
     setSliderEndpoints(data)
     const params = createQueryString('publication_year__range',  [{x:data[0]}, {x:data[1]}]);
-    router.replace(pathname + (params ? `?${params.toString()}` : ""))
+    router.push(pathname + (params ? `?${params.toString()}` : ""))
   };
 
   const onBarClick = (value: YearFacetData) => {
     const params = createQueryString('publication_year__range', [value, value]);
-    router.replace(pathname + (params ? `?${params.toString()}` : ""))
+    router.push(pathname + (params ? `?${params.toString()}` : ""))
   };
 
   const onBarMouseHover = (bar: YearFacetData) => {
@@ -83,7 +83,7 @@ const YearFacet = ({ data }: any) => {
     const params = new URLSearchParams(searchParams);
     params.delete('publication_year__range');
     params.delete('page');
-    router.replace(pathname + (params.toString() ? `?${params.toString()}` : ""))
+    router.push(pathname + (params.toString() ? `?${params.toString()}` : ""))
   };
 
   let marks: any = {}
@@ -130,6 +130,7 @@ const YearFacet = ({ data }: any) => {
       </div>
       <Slider
         range
+        disabled={Object.keys(marks).length <= 1 }
         step={null}
         className="year-facet-slider"
         onChange={onSliderChange}