From fae08cbd3219716bd0bb71ed4d636639ab6146e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Krzysztof=20=C5=BBuraw?=
 <9116238+krzysztofzuraw@users.noreply.github.com>
Date: Tue, 22 Aug 2023 09:39:44 +0200
Subject: [PATCH] Fix before & after query params in filters (#4106)

---
 .changeset/green-files-smile.md                             | 5 +++++
 .../ConditionalFilter/ValueProvider/useUrlValueProvider.ts  | 6 ++++++
 2 files changed, 11 insertions(+)
 create mode 100644 .changeset/green-files-smile.md

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);