diff --git a/src/components/scans/ScanValid.svelte b/src/components/scans/ScanValid.svelte new file mode 100644 index 00000000..f8874dbc --- /dev/null +++ b/src/components/scans/ScanValid.svelte @@ -0,0 +1,16 @@ + + +{#if valid} + {$_("valid")} +{:else} + {$_("invalid")} +{/if} diff --git a/src/components/scans/ScansOverview.svelte b/src/components/scans/ScansOverview.svelte index 9c8a2838..b8e6af9b 100644 --- a/src/components/scans/ScansOverview.svelte +++ b/src/components/scans/ScansOverview.svelte @@ -20,6 +20,8 @@ import InputElement from "../shared/InputElement.svelte"; import TableActions from "../shared/TableActions.svelte"; import { runnerFilter } from "../shared/tablefilters"; + import CardRunner from "../cards/CardRunner.svelte"; + import ScanValid from "./ScanValid.svelte"; $: selectedScans = $table?.getSelectedRowModel().rows.map((row) => row.original) || []; @@ -73,11 +75,9 @@ accessorKey: "runner", header: () => $_("runner"), cell: (info) => { - const runner = info.getValue(); - return `#${runner.id} - ${runner.firstname} ${runner.lastname}`; + return renderComponent(CardRunner, { runner: info.getValue() }); }, filterFn: `runner`, - enableColumnFilter: true, }, { accessorKey: "lapTime", @@ -107,6 +107,14 @@ }, enableColumnFilter: true, }, + { + accessorKey: "valid", + cell: (info) => { + return renderComponent(ScanValid, { valid: info.getValue() }); + }, + header: () => $_("status"), + filterFn: `includesString`, + }, { accessorKey: "actions", header: () => $_("action"),