Close modal on delete and import toastify

src/components/runners/DeleteRunnerModal.svelte

@@ -26,6 +26,7 @@
   })();
   async function submit() {
     dispatch("delete", { id: delete_runner.id });
+    modal_open=false;
   }
 </script>
 

src/components/runners/RunnersOverview.svelte

@@ -24,6 +24,7 @@
   import TableActions from "../shared/TableActions.svelte";
   import { groupFilter } from "../shared/tablefilters";
   import DeleteRunnerModal from "./DeleteRunnerModal.svelte";
+  import Toastify from "toastify-js";
 
   $: selectedRunners =
     $table?.getSelectedRowModel().rows.map((row) => row.original) || [];
@@ -124,6 +125,10 @@
   async function deleteRunner(delete_runner_id) {
     await RunnerService.runnerControllerRemove(delete_runner_id, true);
     current_runners = current_runners.filter((r) => r.id !== delete_runner_id);
+    options.update((options) => ({
+      ...options,
+      data: current_runners,
+    }));
     Toastify({
       text: $_("runner-deleted"),
       duration: 3500,
@@ -208,9 +213,13 @@
                         header.getContext()
                       )}
                     />
-                    {#if header.column.getIsSorted().toString() == "asc" && header.column.getCanSort()}
+                    {#if header.column
+                      .getIsSorted()
+                      .toString() == "asc" && header.column.getCanSort()}
                       🔼
-                    {:else if header.column.getIsSorted().toString() == "desc" && header.column.getCanSort()}
+                    {:else if header.column
+                      .getIsSorted()
+                      .toString() == "desc" && header.column.getCanSort()}
                       🔽
                     {/if}
                   </button>