src/components/runners/RunnersOverview.svelte

@@ -1,6 +1,6 @@
 <script>
   import { _ } from "svelte-i18n";
-  let tablePageCount = [25, 50, 100, 250, 500];
+  let tablePageCount = [50, 100, 250, 500];
   import { writable } from "svelte/store";
   import {
     createSvelteTable,
@@ -23,8 +23,6 @@
   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) || [];
 
@@ -74,9 +72,10 @@
   $: active_deletes = [];
   let dataLoaded = false;
   export let current_runners = [];
-  $: sponsoring_contracts_show = selected.length > 0;
-  $: cards_show = selected.length > 0;
-  $: certificates_show = selected.length > 0;
+  $: 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);
   $: teams = [];
   $: orgs = [];
   $: mappedteams = teams.map(function (g) {
@@ -95,7 +94,7 @@
     },
     initialState: {
       pagination: {
-        pageSize: 50,
+        pageSize: tablePageCount[0],
       },
     },
     enableRowSelection: true,
@@ -136,18 +135,15 @@
       <p class="text-sm">{$_("this-might-take-a-moment")}</p>
     </div>
   {:else}
-    <div class="h-12 mt-2">
+    <div class="h-12">
       <GenerateSponsoringContracts
         bind:sponsoring_contracts_show
-        bind:generate_runners={selectedRunners}
-      />
-      <GenerateRunnerCards
-        bind:cards_show
-        bind:generate_runners={selectedRunners}
+        bind:generate_runners
       />
+      <GenerateRunnerCards bind:cards_show bind:generate_runners />
       <GenerateRunnerCertificates
         bind:certificates_show
-        bind:generate_runners={selectedRunners}
+        bind:generate_runners
       />
     </div>
     <table class="w-full">
@@ -300,7 +296,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