From 11f56bfd1ca70bed55211d7e77830f275e667446 Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@gleipnir.technology>
Date: Sun, 22 Mar 2026 18:25:02 +0000
Subject: [PATCH] Allow for desecting communications

---
 ts/components/CommunicationColumnList.vue | 7 ++++++-
 ts/view/Communication.vue                 | 4 ++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/ts/components/CommunicationColumnList.vue b/ts/components/CommunicationColumnList.vue
index d9594eb9..0b8374ee 100644
--- a/ts/components/CommunicationColumnList.vue
+++ b/ts/components/CommunicationColumnList.vue
@@ -151,6 +151,7 @@ interface Props {
 	selectedId?: string | null;
 }
 interface Emits {
+	(e: "deselect", id: string): void;
 	(e: "select", id: string): void;
 }
 
@@ -160,7 +161,11 @@ const props = withDefaults(defineProps<Props>(), {
 
 const emit = defineEmits<Emits>();
 const handleClick = (id: string) => {
-	emit("select", id);
+	if (props.selectedId == null) {
+		emit("select", id);
+	} else {
+		emit("deselect", id);
+	}
 };
 const searchFilter = ref("");
 const typeFilter = ref("all");
diff --git a/ts/view/Communication.vue b/ts/view/Communication.vue
index 7cb21c4e..0145e062 100644
--- a/ts/view/Communication.vue
+++ b/ts/view/Communication.vue
@@ -15,6 +15,7 @@
 		<template #left>
 			<CommunicationColumnList
 				:all="communication.all"
+				@deselect="handleDeselect"
 				:loading="loading"
 				:selected-id="selectedId"
 				@select="handleSelect"
@@ -105,6 +106,9 @@ const selectedCommunication = computed<Communication | null>(() => {
 	const result = communication.all.find((c) => c.id == selectedId.value);
 	return result;
 });
+const handleDeselect = (id: string) => {
+	selectedId.value = null;
+};
 const handleSelect = (id: string) => {
 	selectedId.value = id;
 };