From bd4952ee575b4cd8caea3608b14d8c51b37a55eb Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Wed, 12 Apr 2023 20:40:04 +0200
Subject: [PATCH] wip:ScanValid badge

---
 src/components/scans/ScanValid.svelte     | 16 ++++++++++++++++
 src/components/scans/ScansOverview.svelte |  9 +++++++++
 2 files changed, 25 insertions(+)
 create mode 100644 src/components/scans/ScanValid.svelte

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 @@
+<script>
+  import { _ } from "svelte-i18n";
+  export let valid = false;
+</script>
+
+{#if valid}
+  <span
+    class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800"
+    >{$_("valid")}</span
+  >
+{:else}
+  <span
+    class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800"
+    >{$_("invalid")}</span
+  >
+{/if}
diff --git a/src/components/scans/ScansOverview.svelte b/src/components/scans/ScansOverview.svelte
index 67ceb19a..b8e6af9b 100644
--- a/src/components/scans/ScansOverview.svelte
+++ b/src/components/scans/ScansOverview.svelte
@@ -21,6 +21,7 @@
   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) || [];
@@ -106,6 +107,14 @@
       },
       enableColumnFilter: true,
     },
+    {
+      accessorKey: "valid",
+      cell: (info) => {
+        return renderComponent(ScanValid, { valid: info.getValue() });
+      },
+      header: () => $_("status"),
+      filterFn: `includesString`,
+    },
     {
       accessorKey: "actions",
       header: () => $_("action"),