src/components/runners/AddRunnerModal.svelte

@@ -11,9 +11,6 @@
   import isMobilePhone from "validator/es/lib/isMobilePhone";
   import Toastify from "toastify-js";
   import Select from "svelte-select";
-  import { createEventDispatcher } from "svelte";
-  const dispatch = createEventDispatcher();
-
   export let modal_open;
   export let current_runners;
   $: selected_team = undefined;
@@ -110,7 +107,8 @@
             duration: 500,
             backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
           }).showToast();
-          dispatch("created", { runners: [result] });
+          current_runners.push(result);
+          current_runners = current_runners;
         })
         .catch((err) => {
           //

src/components/runners/ImportRunnerModal.svelte

@@ -16,6 +16,7 @@
   export let passed_org;
   export let passed_orgs;
   export let passed_team;
+  export let current_runners;
   export let import_modal_open;
   $: searchvalue = "";
   $: importButtonEnabled =
@@ -168,7 +169,7 @@
             mapped
           )
             .then((resp) => {
-              dispatch("created", { runners: resp });
+              current_runners = current_runners.concat(resp);
               toast.hideToast();
               recent_processed = true;
               Toastify({
@@ -197,7 +198,7 @@
             mapped
           )
             .then((resp) => {
-              dispatch("created", { runners: resp });
+              current_runners = current_runners.concat(resp);
               toast.hideToast();
               recent_processed = true;
               Toastify({

src/components/runners/Runners.svelte

@@ -7,43 +7,35 @@
   $: current_runners = [];
   export let modal_open = false;
   export let import_modal_open = false;
-  let addRunners;
 </script>
 
 <section class="container p-5">
   <span class="mb-1 text-3xl font-extrabold leading-tight">
-    {$_("runners")}
-    {#if store.state.jwtinfo.userdetails.permissions.includes("RUNNER:CREATE")}
+    {$_('runners')}
+    {#if store.state.jwtinfo.userdetails.permissions.includes('RUNNER:CREATE')}
       <button
         on:click={() => {
           modal_open = true;
         }}
         type="button"
-        class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
-      >
-        {$_("laeufer-hinzufuegen")}
+        class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
+        {$_('laeufer-hinzufuegen')}
       </button>
       <button
         on:click={() => {
           import_modal_open = true;
         }}
         type="button"
-        class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
-      >
-        {$_("import-runners")}
+        class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
+        {$_('import-runners')}
       </button>
     {/if}
   </span>
-  <RunnersOverview bind:current_runners bind:addRunners />
+  <RunnersOverview bind:current_runners />
 </section>
 
-{#if store.state.jwtinfo.userdetails.permissions.includes("RUNNER:CREATE")}
-  <AddRunnerModal
-    bind:modal_open
-    on:created={(event) => {
-      addRunners(event.detail.runners);
-    }}
-  />
+{#if store.state.jwtinfo.userdetails.permissions.includes('RUNNER:CREATE')}
+  <AddRunnerModal bind:current_runners bind:modal_open />
   <ImportRunnerModal
     on:cancelDelete={(event) => {
       import_modal_open = false;
@@ -51,10 +43,7 @@
     passed_team={{}}
     passed_orgs={[]}
     passed_org={{}}
+    bind:current_runners
     opened_from="RunnerOverview"
-    bind:import_modal_open
-    on:created={(event) => {
-      addRunners(event.detail.runners);
-    }}
-  />
+    bind:import_modal_open />
 {/if}

src/components/runners/RunnersOverview.svelte

@@ -42,15 +42,6 @@
   $: teams = [];
   $: orgs = [];
 
-  export const addRunners = (runners) => {
-    current_runners = current_runners.concat(...runners);
-    options.update((options) => ({
-      ...options,
-      data: current_runners,
-    }));
-  };
-
-
   //Section table
   const columns = [
     {