diff --git a/.changeset/green-files-smile.md b/.changeset/green-files-smile.md new file mode 100644 index 000000000..4e043981b --- /dev/null +++ b/.changeset/green-files-smile.md @@ -0,0 +1,5 @@ +--- +"saleor-dashboard": patch +--- + +Experimental filters: before & after query params in filters diff --git a/src/components/ConditionalFilter/ValueProvider/useUrlValueProvider.ts b/src/components/ConditionalFilter/ValueProvider/useUrlValueProvider.ts index 28f7a4e18..208ca425d 100644 --- a/src/components/ConditionalFilter/ValueProvider/useUrlValueProvider.ts +++ b/src/components/ConditionalFilter/ValueProvider/useUrlValueProvider.ts @@ -34,10 +34,14 @@ export const useUrlValueProvider = ( const activeTab = params.get("activeTab"); const query = params.get("query"); + const before = params.get("before"); + const after = params.get("after"); params.delete("asc"); params.delete("sort"); params.delete("activeTab"); params.delete("query"); + params.delete("before"); + params.delete("after"); const tokenizedUrl = new TokenArray(params.toString()); const fetchingParams = tokenizedUrl.getFetchingParams(); @@ -59,6 +63,8 @@ export const useUrlValueProvider = ( ...prepareStructure(filterValue), ...{ activeTab: activeTab || undefined }, ...{ query: query || undefined }, + ...{ before: before || undefined }, + ...{ after: after || undefined }, }), }); setValue(filterValue);