More filtering

src/components/donors/DonorsOverview.svelte

@@ -22,6 +22,7 @@
   import TableActions from "../shared/TableActions.svelte";
   import DonorAddress from "./DonorAddress.svelte";
   import DonorDonations from "./DonorDonations.svelte";
+  import { filterAddress, filterName } from "../shared/tablefilters";
   $: searchvalue = "";
   $: active_deletes = [];
   $: current_donations = [];
@@ -32,8 +33,6 @@
 
   $: dataLoaded = false;
 
-  let modal_open = false;
-  let delete_donor = {};
   export let current_donors = [];
   export const addDonors = (donors) => {
     current_donors = current_donors.concat(...donors);
@@ -61,7 +60,7 @@
           return `${d.firstname} ${d.lastname}`;
         }
       },
-      filterFn: `includesString`,
+      filterFn: `name`,
     },
     {
       accessorKey: "address",
@@ -69,7 +68,7 @@
       cell: (info) => {
         return renderComponent(DonorAddress, { address: info.getValue() });
       },
-      filterFn: `includesString`,
+      filterFn: `address`,
     },
     {
       accessorKey: "sponsorings",
@@ -131,6 +130,10 @@
         pageSize: 50,
       },
     },
+    filterFns: {
+      name: filterName,
+      address: filterAddress,
+    },
     enableRowSelection: true,
     getCoreRowModel: getCoreRowModel(),
     getFilteredRowModel: getFilteredRowModel(),