Paginated modal data loading

src/components/donations/AddDonationModal.svelte

@@ -98,19 +98,35 @@
       }
     }
   }
+  onMount(()=>{
+    loadDonorsAndRunnersPaginated();
+  })
 
-  onMount(() => {
+  async function loadDonorsAndRunnersPaginated() {
-    DonorService.donorControllerGetAll().then((val) => {
+    let page = 0;
-      donors = val.map((r) => {
+    let pagesize = 500;
-        return { label: getDonorLabel(r), value: r };
+    while (page >= 0) {
-      });
+      const don = await DonorService.donorControllerGetAll(page, pagesize);
-    });
+      const run = await RunnerService.runnerControllerGetAll(page, pagesize);
-    RunnerService.runnerControllerGetAll().then((val) => {
+      if (don.length == 0 && run.length == 0) {
-      runners = val.map((r) => {
+        page = -2;
-        return { label: getDonorLabel(r), value: r };
+      }
-      });
+
-    });
+      donors = donors.concat(
-  });
+        ...run.map((r) => {
+          return { label: getDonorLabel(r), value: r };
+        })
+      );
+      runners = runners.concat(
+        ...run.map((r) => {
+          return { label: getDonorLabel(r), value: r };
+        })
+      );
+
+      dataLoaded = true;
+      page++;
+    }
+  }
 </script>
 
 {#if modal_open}