RunnersOverview: pass selectedRunners to actions

src/components/runners/RunnersOverview.svelte

@@ -1,6 +1,6 @@
 <script>
   import { _ } from "svelte-i18n";
-  let tablePageCount = [50, 100, 250, 500];
+  let tablePageCount = [25, 50, 100, 250, 500];
   import { writable } from "svelte/store";
   import {
     createSvelteTable,
@@ -23,6 +23,8 @@
   import InputElement from "../shared/InputElement.svelte";
   import { groupFilter } from "../shared/tablefilters";
 
+  $: selectedRunners =
+    $table?.getSelectedRowModel().rows.map((row) => row.original) || [];
   $: selected =
     $table?.getSelectedRowModel().rows.map((row) => row.index) || [];
 
@@ -72,10 +74,9 @@
   $: active_deletes = [];
   let dataLoaded = false;
   export let current_runners = [];
-  $: sponsoring_contracts_show = generate_runners.length > 0;
-  $: cards_show = generate_runners.length > 0;
-  $: certificates_show = generate_runners.length > 0;
-  $: generate_runners = []; //current_runners.filter((r) => r.selected === true);
+  $: sponsoring_contracts_show = selected.length > 0;
+  $: cards_show = selected.length > 0;
+  $: certificates_show = selected.length > 0;
   $: teams = [];
   $: orgs = [];
   $: mappedteams = teams.map(function (g) {
@@ -94,7 +95,7 @@
     },
     initialState: {
       pagination: {
-        pageSize: tablePageCount[0],
+        pageSize: 50,
       },
     },
     enableRowSelection: true,
@@ -135,15 +136,18 @@
       <p class="text-sm">{$_("this-might-take-a-moment")}</p>
     </div>
   {:else}
-    <div class="h-12">
+    <div class="h-12 mt-2">
       <GenerateSponsoringContracts
         bind:sponsoring_contracts_show
-        bind:generate_runners
+        bind:generate_runners={selectedRunners}
+      />
+      <GenerateRunnerCards
+        bind:cards_show
+        bind:generate_runners={selectedRunners}
       />
-      <GenerateRunnerCards bind:cards_show bind:generate_runners />
       <GenerateRunnerCertificates
         bind:certificates_show
-        bind:generate_runners
+        bind:generate_runners={selectedRunners}
       />
     </div>
     <table class="w-full">
@@ -296,7 +300,7 @@
         {/each}
       </select>
     </div>
-    <pre>{JSON.stringify($table.getState(), null, 2)}</pre>
+    <!-- <pre>{JSON.stringify($table.getState(), null, 2)}</pre> -->
     <div>
       {Object.keys(selected).length} of{" "}
       {$table.getPreFilteredRowModel().rows.length} Total Rows Selected