fix(admin-ui): Reset page when filters changed in product list

vendure-ecommerce · May 13, 2019 · c9325b6 · c9325b6
1 parent de7f22d
commit c9325b6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/admin-ui/src/app/catalog/components/product-list/product-list.component.ts b/admin-ui/src/app/catalog/components/product-list/product-list.component.ts
@@ -79,13 +79,13 @@ export class ProductListComponent
 
     setSearchTerm(term: string) {
         this.searchTerm = term;
-        this.setQueryParam('q', term || null);
+        this.setQueryParam({ q: term || null, page: 1 });
         this.refresh();
     }
 
     setFacetValueIds(ids: string[]) {
         this.facetValueIds = ids;
-        this.setQueryParam('fvids', ids);
+        this.setQueryParam({ fvids: ids, page: 1 });
         this.refresh();
     }
 

diff --git a/admin-ui/src/app/common/base-list.component.ts b/admin-ui/src/app/common/base-list.component.ts
@@ -93,9 +93,11 @@ export class BaseListComponent<ResultType, ItemType, VariableType = any> impleme
         this.refresh$.next(undefined);
     }
 
-    protected setQueryParam(key: string, value: any) {
+    protected setQueryParam(hash: { [key: string]: any });
+    protected setQueryParam(key: string, value: any);
+    protected setQueryParam(keyOrHash: string | { [key: string]: any }, value?: any) {
         this.router.navigate(['./'], {
-            queryParams: { [key]: value },
+            queryParams: typeof keyOrHash === 'string' ? { [keyOrHash]: value } : keyOrHash,
             relativeTo: this.route,
             queryParamsHandling: 'merge',
         });