Allow deselecting review tasks

Makes it so I can test the map losing gl context
This commit is contained in:
Eli Ribble 2026-04-16 05:36:54 +00:00
parent 262aa009c2
commit e3f9a19b84
No known key found for this signature in database
2 changed files with 15 additions and 1 deletions

View file

@ -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>

View file

@ -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;