From e3f9a19b8453074bf04c1e6231a75ffecca9a3a8 Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@gleipnir.technology>
Date: Thu, 16 Apr 2026 05:36:54 +0000
Subject: [PATCH] Allow deselecting review tasks

Makes it so I can test the map losing gl context
---
 ts/components/ReviewPoolColumnList.vue | 10 +++++++++-
 ts/view/review/Pool.vue                |  6 ++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/ts/components/ReviewPoolColumnList.vue b/ts/components/ReviewPoolColumnList.vue
index 3e8e0e3d..78af4890 100644
--- a/ts/components/ReviewPoolColumnList.vue
+++ b/ts/components/ReviewPoolColumnList.vue
@@ -48,7 +48,7 @@
 		:key="task.id"
 		class="entry-item"
 		:class="{ active: selectedTaskID === task.id }"
-		@click="emit('doSelectTask', task.id)"
+		@click="doClick(task)"
 	>
 		<div class="d-flex justify-content-between align-items-start">
 			<div>
@@ -67,6 +67,7 @@ import { formatAddress } from "@/format";
 import { ReviewTask } from "@/type/api";
 
 interface Emits {
+	(e: "doDeselectTask", id: number): void;
 	(e: "doSelectTask", id: number): void;
 }
 interface Props {
@@ -80,4 +81,11 @@ const emit = defineEmits<Emits>();
 const props = withDefaults(defineProps<Props>(), {
 	loading: false,
 });
+function doClick(task: ReviewTask) {
+	if (task.id == props.selectedTaskID) {
+		emit("doDeselectTask", task.id);
+	} else {
+		emit("doSelectTask", task.id);
+	}
+}
 </script>
diff --git a/ts/view/review/Pool.vue b/ts/view/review/Pool.vue
index fd279895..cb2a1996 100644
--- a/ts/view/review/Pool.vue
+++ b/ts/view/review/Pool.vue
@@ -62,6 +62,7 @@ body {
 	<ThreeColumn>
 		<template #left>
 			<ReviewPoolColumnList
+				@doDeselectTask="deselectTask"
 				@doSelectTask="selectTask"
 				:error="error"
 				:loading="!!storeReviewTask.all()"
@@ -230,6 +231,11 @@ const selectedTask = computed<ReviewTask | undefined>(() => {
 	return storeReviewTask.byID(selectedTaskID.value);
 });
 // Helper Functions
+function deselectTask(id: number): void {
+	if (selectedTaskID.value == id) {
+		selectedTaskID.value = null;
+	}
+}
 // Task Selection
 function selectTask(id: number): void {
 	selectedTaskID.value = id;