Implmented donor deletion confirmation

ref #78

src/components/donors/DonorsOverview.svelte

@@ -5,9 +5,12 @@
   } from "@odit/lfk-client-js";
   import store from "../../store";
   import DonorsEmptyState from "./DonorsEmptyState.svelte";
+  import ConfirmDonorDeletion from "./ConfirmDonorDeletion.svelte";
   import Toastify from "toastify-js";
   $: searchvalue = "";
   $: active_deletes = [];
+  let modal_open = false;
+  let delete_donor = {};
   export let current_donors = [];
   const donors_promise = DonorService.donorControllerGetAll().then((val) => {
     current_donors = val;
@@ -20,6 +23,13 @@
   }
 </script>
 
+<ConfirmDonorDeletion
+  on:cancelDelete={(event) => {
+    modal_open = false;
+    active_deletes[event.detail.id] = false;
+  }}
+  bind:modal_open
+  bind:delete_donor />
 {#if store.state.jwtinfo.userdetails.permissions.includes('DONOR:GET')}
   {#await donors_promise}
     <div
@@ -220,10 +230,10 @@
                                     'linear-gradient(to right, #00b09b, #96c93d)',
                                 }).showToast();
                               })
-                              // .catch((err) => {
-                              //   modal_open = true;
-                              //   delete_org = o;
-                              // });
+                              .catch((err) => {
+                                modal_open = true;
+                                delete_donor = donor;
+                              });
                           }}
                           tabindex="0"
                           class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('confirm-delete')}</button>