From 633abd19a9a3d410b898323621573d8e9e8339e6 Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@gleipnir.technology>
Date: Mon, 11 May 2026 22:14:23 +0000
Subject: [PATCH] Filter communications in the frontend

Since we will know about communications we just moved into another state
in frontend land.
---
 ts/type/api.ts            |  3 +++
 ts/view/Communication.vue | 10 +++++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/ts/type/api.ts b/ts/type/api.ts
index af9bf45d..a26805c5 100644
--- a/ts/type/api.ts
+++ b/ts/type/api.ts
@@ -533,6 +533,7 @@ export interface CommunicationDTO {
 	created: string;
 	id: string;
 	source: string;
+	status: string;
 	type: string;
 	uri: string;
 }
@@ -541,6 +542,7 @@ export class Communication {
 		public created: Date,
 		public id: string,
 		public source: string,
+		public status: string,
 		public type: string,
 		public uri: string,
 	) {}
@@ -549,6 +551,7 @@ export class Communication {
 			new Date(json.created),
 			json.id,
 			json.source,
+			json.status,
 			json.type,
 			json.uri,
 		);
diff --git a/ts/view/Communication.vue b/ts/view/Communication.vue
index 40ee01b6..fd0a29f2 100644
--- a/ts/view/Communication.vue
+++ b/ts/view/Communication.vue
@@ -14,7 +14,7 @@
 		</template>
 		<template #left>
 			<CommunicationColumnList
-				:all="storeCommunication.all"
+				:all="visibleCommunications"
 				@deselect="handleDeselect"
 				:loading="storeCommunication.loading"
 				:selectedID="selectedId"
@@ -192,6 +192,14 @@ const selectedReport = computedAsync(
 		return await storePublicReport.byURI(selectedCommunication.value.source);
 	},
 );
+const visibleCommunications = computed((): Communication[] => {
+	if (!storeCommunication.all) {
+		return [];
+	}
+	return storeCommunication.all.filter((c: Communication) => {
+		return c.status == "new" || c.status == "opened";
+	});
+});
 const handleDeselect = (id: string) => {
 	selectedId.value = undefined;
 };