From f97be4e7291f45f9240a3491603b9c0982b37a68 Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Sun, 14 Mar 2021 17:09:51 +0100
Subject: [PATCH] Added custom filter/search

ref #91
---
 src/components/donations/AddDonationModal.svelte | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/donations/AddDonationModal.svelte b/src/components/donations/AddDonationModal.svelte
index 3d6e5449..f8b5f766 100644
--- a/src/components/donations/AddDonationModal.svelte
+++ b/src/components/donations/AddDonationModal.svelte
@@ -13,6 +13,7 @@
   export let current_donations;
   const getDonorLabel = (option) =>
     option.firstname + " " + (option.middlename || "") + " " + option.lastname;
+  const filterDonors = (label, filterText, option) => (label.toLowerCase().includes(filterText.toLowerCase()) || option.id.toString().startsWith(filterText.toLowerCase()));
   function focus(el) {
     el.focus();
   }
@@ -212,6 +213,7 @@
                       containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
                       getSelectionLabel= {(option) => (getDonorLabel(option))}
                       getOptionLabel= {(option) => (getDonorLabel(option))}
+                      itemFilter = {(label, filterText, option) => filterDonors(label, filterText, option)}
                       items={donors}
                       showChevron={true}
                       placeholder="Search for donor..."