formatting, full migration to svelte-french-toast

src/components/donors/DonorsOverview.svelte

@@ -1,10 +1,9 @@
 <script>
   import { _ } from "svelte-i18n";
-  import { DonationService, DonorService } from "@odit/lfk-client-js";
+  import { DonorService } from "@odit/lfk-client-js";
   import store from "../../store";
   import DonorsEmptyState from "./DonorsEmptyState.svelte";
   import ConfirmDonorDeletion from "./ConfirmDonorDeletion.svelte";
-  import Toastify from "toastify-js";
   import TableBottom from "../shared/TableBottom.svelte";
   import {
     createSvelteTable,
@@ -23,6 +22,7 @@
   import DonorAddress from "./DonorAddress.svelte";
   import DonorDonations from "./DonorDonations.svelte";
   import { filterAddress, filterName } from "../shared/tablefilters";
+  import toast from "svelte-french-toast";
   $: searchvalue = "";
   $: active_deletes = [];
   $: selectedDonors =
@@ -162,8 +162,6 @@
       dataLoaded = true;
       page++;
     }
-
-    console.log("All donors loaded");
   });
 </script>
 
@@ -172,12 +170,10 @@
     active_deletes = active_deletes.filter((a) => a.id !== event.detail.id);
   }}
   on:delete={async (event) => {
+    toast.loading($_("deleting-donor"));
     await DonorService.donorControllerRemove(event.detail.id, true);
-    Toastify({
-      text: $_("donor-deleted"),
-      duration: 500,
-      backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
-    }).showToast();
+    toast.dismiss();
+    toast($_("donor-deleted"));
     current_donors = current_donors.filter((d) => d.id !== event.detail.id);
     active_deletes = active_deletes.filter((a) => a.id !== event.detail.id);
     options.update((options) => ({