fix: reset filter and date range filter

bubblegan · Nov 26, 2024 · b6d8d00 · b6d8d00
1 parent b0f0543
commit b6d8d00
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/apps/web/components/date-range-picker/index.tsx b/apps/web/components/date-range-picker/index.tsx
@@ -50,6 +50,10 @@ const DateRangePicker = () => {
       });
       setStartDateInput(startDateParsed.format("DD MMM, YYYY"));
       setEndDateInput(endDateParsed.format("DD MMM, YYYY"));
+    } else {
+      setDateRange(undefined);
+      setStartDateInput("");
+      setEndDateInput("");
     }
   }, [searchParams]);
 

diff --git a/apps/web/pages/expenses.tsx b/apps/web/pages/expenses.tsx
@@ -168,6 +168,16 @@ export default function Expenses() {
               <span>Count: {totalCount}</span>
             </div>
             <ExpenseFilterPills />
+            {searchParams.size > 0 && (
+              <Button
+                onClick={() => {
+                  router.push(`/expenses`, undefined, {
+                    shallow: true,
+                  });
+                }}>
+                Reset Filter
+              </Button>
+            )}
           </div>
           {view === "aggregate" ? <ExpenseSummarySection /> : <ExpenseTable />}
         </div>