src/components/runners/DeleteRunnerModal.svelte

@@ -1,14 +1,16 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { createEventDispatcher } from "svelte";
+
+  import { RunnerService } from "@odit/lfk-client-js";
+  import Toastify from "toastify-js";
   export let modal_open;
   export let delete_runner = {
     id: 0,
     firstname: "",
     lastname: "",
   };
-  const dispatch = createEventDispatcher();
+  export let current_runners;
 
   function focus(el) {
     el.focus();
@@ -28,7 +30,13 @@
     };
   })();
   async function submit() {
-    dispatch('delete', {id: delete_runner.id})
+    await RunnerService.runnerControllerRemove(delete_runner.id, true);
+    current_runners = current_runners.filter((r)=>r.id !== delete_runner.id);
+    Toastify({
+      text: $_("runner-deleted"),
+      duration: 3500,
+      backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+    }).showToast();
   }
 </script>
 

src/components/runners/RunnersOverview.svelte

@@ -128,17 +128,6 @@
     getSortedRowModel: getSortedRowModel(),
   });
   const table = createSvelteTable(options);
-
-  async function deleteRunner(id) {
-    await RunnerService.runnerControllerRemove(delete_runner.id, true);
-    current_runners = current_runners.filter((r) => r.id !== delete_runner.id);
-    Toastify({
-      text: $_("runner-deleted"),
-      duration: 3500,
-      backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
-    }).showToast();
-  }
-
   onMount(() => {
     RunnerService.runnerControllerGetAll().then((val) => {
       current_runners = val;
@@ -163,9 +152,7 @@
 <DeleteRunnerModal
   delete_runner={active_delete}
   modal_open={active_delete != undefined}
-  on:delete={(event) => {
-    deleteRunner(event.detail.id);
-  }}
+  bind:current_runners
 />
 {#if store.state.jwtinfo.userdetails.permissions.includes("RUNNER:GET")}
   {#if !dataLoaded}