✨ #635 - feat: method to clear filters

Author: Julian Roeland

frontend/src/pages/destructionlist/abstract/BaseListView.tsx

@@ -8,7 +8,7 @@ import {
   formatMessage,
 } from "@maykin-ui/admin-ui";
 import React, { useCallback, useMemo } from "react";
-import { useNavigation } from "react-router-dom";
+import { useNavigation, useSearchParams } from "react-router-dom";
 
 import { DestructionListToolbar } from "../../../components";
 import {
@@ -90,6 +90,7 @@ export function BaseListView<T extends Zaak = Zaak>({
   onSelectionChange,
 }: BaseListViewProps<T>) {
   const { state } = useNavigation();
+  const [searchParams, setSearchParams] = useSearchParams();
   const [page, setPage] = usePage();
   const [sort, setSort] = useSort();
 
@@ -176,7 +177,21 @@ export function BaseListView<T extends Zaak = Zaak>({
           },
         ] as ButtonProps[])
       : [];
-    return [...dynamicItems, ...fixedItems];
+    const clearFiltersItem = {
+      children: (
+        <>
+          <Solid.XCircleIcon />
+          Filters wissen
+        </>
+      ),
+      variant: "warning",
+      wrap: false,
+      onClick: () => {
+        const pageParam = searchParams.get("page") || "1";
+        setSearchParams({ page: pageParam });
+      },
+    };
+    return [...dynamicItems, ...fixedItems, clearFiltersItem];
   }, [selectable, hasSelection, selectedZakenOnPage, selectionActions]);
 
   return (