Make the contract filter url backward compatible

BLSQ · Nov 13, 2023 · a391543 · a391543
1 parent 48568d6
commit a391543
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/components/contracts/filters.js b/src/components/contracts/filters.js
@@ -50,8 +50,15 @@ export const activeAtFilter = {
     if (!value) {
       return contracts;
     }
+    let cleanedValue = value
+    // previously was a date picker with a date formatter dd/mm/YYYY
+    /// so we need to turn it into a YYYYmm period
+    if (value.includes("/")) {
+      cleanedValue = value.split("/").slice(1).reverse().join("")
+      debugger
+    }
     const filteredContracts = contracts.filter((c) => {
-      return c.matchPeriod(value)
+      return c.matchPeriod(cleanedValue)
     });
     return filteredContracts;
   },

diff --git a/src/components/shared/Filter.js b/src/components/shared/Filter.js
@@ -195,11 +195,17 @@ const Filter = ({ filter, setFilterValue, onSearch, t }) => {
     }
 
     case "monthlyPeriod": {
+      let cleanedValue = filter.value;
+      // previously was a date picker with a date formatter dd/mm/YYYY
+      /// so we need to turn it into a YYYYmm period
+      if (cleanedValue && cleanedValue.includes("/")) {
+        cleanedValue = filter.value.split("/").slice(1).reverse().join("");
+      }
       return (
         <div style={{ marginTop: "5px" }}>
           <PeriodPicker
             fieldName={t(filter.key)}
-            currentPeriod={filter.value}
+            currentPeriod={cleanedValue}
             mode="active"
             onPeriodChange={(p) => setFilterValue(filter.id, p)}
           ></PeriodPicker>