You can now open a modal to add a payment to a donation from the donation overview

ref #133

src/components/donations/DonationsOverview.svelte

@@ -4,12 +4,14 @@
   import store from "../../store";
   import Toastify from "toastify-js";
   import DonationsEmptyState from "./DonationsEmptyState.svelte";
+  import AddDonationPaymentModal from "./AddDonationPaymentModal.svelte";
   $: searchvalue = "";
   $: active_deletes = [];
   export let current_donations = [];
   export let payment_modal_open = false;
   export let editable = {};
   export let original_data = {};
+  export let amount_input = 0;
   const donations_promise = DonationService.donationControllerGetAll().then(
     (val) => {
       current_donations = val;
@@ -24,10 +26,12 @@
   function open_payment_modal(donation) {
     editable = Object.assign({}, donation);
     original_data = Object.assign({}, donation);
+    amount_input = (donation.paidAmount/100).toFixed(2);
     payment_modal_open = true;
   }
 </script>
 
+<AddDonationPaymentModal bind:current_donations bind:original_data bind:editable bind:amount_input bind:payment_modal_open />
 {#if store.state.jwtinfo.userdetails.permissions.includes('DONATION:GET')}
   {#await donations_promise}
     <div
@@ -198,7 +202,7 @@
                     <td
                       class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
                       <button
-                        on:click={() => {payment_modal_open(donation);}}
+                        on:click={() => {open_payment_modal(donation);}}
                         class="text-green-600 hover:text-green-900">Add payment</button>
                       <a
                         href="./{donation.id}"