Merge branch 'experiment/tanstack' of https://git.odit.services/lfk/frontend into experiment/tanstack

src/components/runners/DeleteRunnerModal.svelte

@@ -25,6 +25,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) || [];
@@ -41,6 +42,17 @@
       header: () => $_("first-name"),
       filterFn: `includesString`,
     },
+    {
+      accessorKey: "middlename",
+      header: () => $_("middle-name"),
+      cell: (info) => {
+        if (!info || !info.getValue()) {
+          return "";
+        }
+        return info.getValue();
+      },
+      filterFn: `includesString`,
+    },
     {
       accessorKey: "lastname",
       header: () => $_("last-name"),
@@ -88,6 +100,7 @@
         });
       },
       enableColumnFilter: false,
+      enableSorting: false,
     },
   ];
 
@@ -123,6 +136,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 +225,13 @@
                         header.getContext()
                       )}
                     />
-                    {#if header.column.getIsSorted().toString() == "asc"}
+                    {#if header.column
+                      .getIsSorted()
+                      .toString() == "asc" && header.column.getCanSort()}
                       🔼
-                    {:else if header.column.getIsSorted().toString() == "desc"}
+                    {:else if header.column
+                      .getIsSorted()
+                      .toString() == "desc" && header.column.getCanSort()}
                       🔽
                     {/if}
                   </button>