From 050bbc81dd13fc8883c2db29c40323c2d9f52ffe Mon Sep 17 00:00:00 2001
From: kraysent <kraysent@gmail.com>
Date: Tue, 21 Apr 2026 20:23:44 +0100
Subject: [PATCH 1/3] make crossmatch results page more useful

---
 src/pages/CrossmatchResults.tsx | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/src/pages/CrossmatchResults.tsx b/src/pages/CrossmatchResults.tsx
index 456fd01..069335f 100644
--- a/src/pages/CrossmatchResults.tsx
+++ b/src/pages/CrossmatchResults.tsx
@@ -156,10 +156,6 @@ function CrossmatchResults({
     );
   }
 
-  function getStatusLabel(status: RecordCrossmatchStatus): string {
-    return getResource(`crossmatch.status.${status}`).Title;
-  }
-
   function getTriageStatusLabel(triageStatus: RecordTriageStatus): string {
     return getResource(`crossmatch.triage.${triageStatus}`).Title;
   }
@@ -174,7 +170,6 @@ function CrossmatchResults({
         return <span>NULL</span>;
       },
     },
-    { name: "Status" },
     { name: "Manual check status" },
     {
       name: "Candidates",
@@ -190,7 +185,6 @@ function CrossmatchResults({
   const tableData: Record<string, CellPrimitive>[] =
     data?.records.map((record: RecordCrossmatch, index: number) => ({
       "Record name": index,
-      Status: getStatusLabel(record.status),
       "Manual check status": getTriageStatusLabel(record.triage_status),
       Candidates: index,
     })) || [];

From 8ce0e03a8d22a73cb121cb26487f79a2ceb24ba7 Mon Sep 17 00:00:00 2001
From: kraysent <kraysent@gmail.com>
Date: Tue, 21 Apr 2026 20:26:34 +0100
Subject: [PATCH 2/3] move triage status as a badge

---
 src/pages/CrossmatchResults.tsx | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/pages/CrossmatchResults.tsx b/src/pages/CrossmatchResults.tsx
index 069335f..fd4a6e5 100644
--- a/src/pages/CrossmatchResults.tsx
+++ b/src/pages/CrossmatchResults.tsx
@@ -127,12 +127,22 @@ function CrossmatchResults({
   data,
   loading,
 }: CrossmatchResultsProps): ReactElement {
+  function getTriageStatusLabel(triageStatus: RecordTriageStatus): string {
+    return getResource(`crossmatch.triage.${triageStatus}`).Title;
+  }
+
   function getRecordName(record: RecordCrossmatch): ReactElement {
     const displayName = record.catalogs.designation?.name || record.record_id;
+    const triageStatusLabel = getTriageStatusLabel(record.triage_status);
+    const triageBadgeType = record.triage_status === "resolved" ? "success" : "warning";
+
     return (
-      <Link href={`/records/${record.record_id}/crossmatch`}>
-        {displayName}
-      </Link>
+      <div className="flex items-center gap-2">
+        <Link href={`/records/${record.record_id}/crossmatch`}>
+          {displayName}
+        </Link>
+        <Badge type={triageBadgeType}>{triageStatusLabel}</Badge>
+      </div>
     );
   }
 
@@ -156,10 +166,6 @@ function CrossmatchResults({
     );
   }
 
-  function getTriageStatusLabel(triageStatus: RecordTriageStatus): string {
-    return getResource(`crossmatch.triage.${triageStatus}`).Title;
-  }
-
   const columns: Column[] = [
     {
       name: "Record name",
@@ -170,7 +176,6 @@ function CrossmatchResults({
         return <span>NULL</span>;
       },
     },
-    { name: "Manual check status" },
     {
       name: "Candidates",
       renderCell: (recordIndex: CellPrimitive) => {
@@ -183,9 +188,8 @@ function CrossmatchResults({
   ];
 
   const tableData: Record<string, CellPrimitive>[] =
-    data?.records.map((record: RecordCrossmatch, index: number) => ({
+    data?.records.map((_: RecordCrossmatch, index: number) => ({
       "Record name": index,
-      "Manual check status": getTriageStatusLabel(record.triage_status),
       Candidates: index,
     })) || [];
 

From 4462640aecbaba967246d74a2ab00b130cde5176 Mon Sep 17 00:00:00 2001
From: kraysent <kraysent@gmail.com>
Date: Tue, 21 Apr 2026 20:32:51 +0100
Subject: [PATCH 3/3] remove status filter

---
 src/pages/CrossmatchResults.tsx | 45 +++++----------------------------
 1 file changed, 6 insertions(+), 39 deletions(-)

diff --git a/src/pages/CrossmatchResults.tsx b/src/pages/CrossmatchResults.tsx
index fd4a6e5..9d879b7 100644
--- a/src/pages/CrossmatchResults.tsx
+++ b/src/pages/CrossmatchResults.tsx
@@ -12,7 +12,6 @@ import { getCrossmatchRecords } from "../clients/admin/sdk.gen";
 import type {
   GetRecordsCrossmatchResponse,
   RecordCrossmatch,
-  RecordCrossmatchStatus,
   RecordTriageStatus,
   ValidationError,
 } from "../clients/admin/types.gen";
@@ -27,12 +26,10 @@ import { adminClient } from "../clients/config";
 
 interface CrossmatchFiltersProps {
   tableName: string | null;
-  status: RecordCrossmatchStatus | null;
   triageStatus: string | null;
   pageSize: number;
   onApplyFilters: (
     tableName: string,
-    status: string,
     triageStatus: string,
     pageSize: number,
   ) => void;
@@ -40,12 +37,10 @@ interface CrossmatchFiltersProps {
 
 function CrossmatchFilters({
   tableName,
-  status,
   triageStatus,
   pageSize,
   onApplyFilters,
 }: CrossmatchFiltersProps): ReactElement {
-  const [localStatus, setLocalStatus] = useState<string>(status || "all");
   const [localTriageStatus, setLocalTriageStatus] = useState<string>(
     triageStatus ?? "pending",
   );
@@ -53,19 +48,13 @@ function CrossmatchFilters({
   const [localTableName, setLocalTableName] = useState<string>(tableName || "");
 
   useEffect(() => {
-    setLocalStatus(status || "all");
     setLocalTriageStatus(triageStatus ?? "pending");
     setLocalPageSize(pageSize);
     setLocalTableName(tableName || "");
-  }, [status, triageStatus, pageSize, tableName]);
+  }, [triageStatus, pageSize, tableName]);
 
   function applyFilters(): void {
-    onApplyFilters(
-      localTableName,
-      localStatus,
-      localTriageStatus,
-      localPageSize,
-    );
+    onApplyFilters(localTableName, localTriageStatus, localPageSize);
   }
 
   return (
@@ -78,18 +67,6 @@ function CrossmatchFilters({
         onEnter={applyFilters}
       />
       <Link href={`/table/${localTableName.trim()}`} external />
-      <DropdownFilter
-        title="Status"
-        options={[
-          { value: "all", label: "All Statuses" },
-          { value: "unprocessed", label: "Unprocessed" },
-          { value: "new", label: "New" },
-          { value: "collided", label: "Collided" },
-          { value: "existing", label: "Existing" },
-        ]}
-        value={localStatus}
-        onChange={setLocalStatus}
-      />
       <DropdownFilter
         title="Manual check status"
         options={[
@@ -134,7 +111,8 @@ function CrossmatchResults({
   function getRecordName(record: RecordCrossmatch): ReactElement {
     const displayName = record.catalogs.designation?.name || record.record_id;
     const triageStatusLabel = getTriageStatusLabel(record.triage_status);
-    const triageBadgeType = record.triage_status === "resolved" ? "success" : "warning";
+    const triageBadgeType =
+      record.triage_status === "resolved" ? "success" : "warning";
 
     return (
       <div className="flex items-center gap-2">
@@ -198,7 +176,6 @@ function CrossmatchResults({
 
 async function fetcher(
   tableName: string | null,
-  status: RecordCrossmatchStatus | null,
   triageStatus: RecordTriageStatus | null,
   page: number,
   pageSize: number,
@@ -211,7 +188,6 @@ async function fetcher(
     client: adminClient,
     query: {
       table_name: tableName,
-      status: status,
       triage_status: triageStatus,
       page: page,
       page_size: pageSize,
@@ -237,7 +213,6 @@ export function CrossmatchResultsPage(): ReactElement {
   const [searchParams, setSearchParams] = useSearchParams();
 
   const tableName = searchParams.get("table_name");
-  const status = searchParams.get("status") as RecordCrossmatchStatus | null;
   const triageStatusParam = searchParams.get("triage_status");
   const apiTriageStatus: RecordTriageStatus | null =
     triageStatusParam === null || triageStatusParam === ""
@@ -253,8 +228,8 @@ export function CrossmatchResultsPage(): ReactElement {
   }, [tableName]);
 
   const { data, loading, error } = useDataFetching(
-    () => fetcher(tableName, status, apiTriageStatus, page, pageSize),
-    [tableName, status, apiTriageStatus, page, pageSize],
+    () => fetcher(tableName, apiTriageStatus, page, pageSize),
+    [tableName, apiTriageStatus, page, pageSize],
   );
 
   function handlePageChange(newPage: number): void {
@@ -265,7 +240,6 @@ export function CrossmatchResultsPage(): ReactElement {
 
   function handleApplyFilters(
     newTableName: string,
-    newStatus: string,
     newTriageStatus: string,
     newPageSize: number,
   ): void {
@@ -277,12 +251,6 @@ export function CrossmatchResultsPage(): ReactElement {
       newSearchParams.delete("table_name");
     }
 
-    if (newStatus === "all") {
-      newSearchParams.delete("status");
-    } else {
-      newSearchParams.set("status", newStatus);
-    }
-
     if (newTriageStatus === "all") {
       newSearchParams.set("triage_status", "all");
     } else {
@@ -318,7 +286,6 @@ export function CrossmatchResultsPage(): ReactElement {
       <h2 className="text-3xl font-bold mb-4">Crossmatch results</h2>
       <CrossmatchFilters
         tableName={tableName}
-        status={status}
         triageStatus={triageStatusParam}
         pageSize={pageSize}
         onApplyFilters={handleApplyFilters}