From 6cd5821e5f3eec5ecf15e8e3aa81d17502bf4efe Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@gleipnir.technology>
Date: Sun, 22 Mar 2026 07:20:11 +0000
Subject: [PATCH] Fix hiding the image modal

---
 ts/components/PhotoViewerModal.vue | 7 ++++---
 ts/view/Communication.vue          | 1 +
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/ts/components/PhotoViewerModal.vue b/ts/components/PhotoViewerModal.vue
index 903284a2..159fff0a 100644
--- a/ts/components/PhotoViewerModal.vue
+++ b/ts/components/PhotoViewerModal.vue
@@ -9,7 +9,7 @@
 		:class="{ 'show d-block': show }"
 		tabindex="-1"
 		v-show="show"
-		@click.self="show = false"
+		@click.self="emit('close')"
 	>
 		<div class="modal-dialog modal-lg modal-dialog-centered">
 			<div class="modal-content">
@@ -21,7 +21,7 @@
 					<button
 						type="button"
 						class="btn-close"
-						@click="show = false"
+						@click="emit('close')"
 					></button>
 				</div>
 				<div class="modal-body text-center">
@@ -91,12 +91,13 @@
 	<div
 		class="modal-backdrop fade show"
 		v-show="show"
-		@click="show = false"
+		@click="emit('close')"
 	></div>
 </template>
 
 <script setup lang="ts">
 interface Emits {
+	(e: "close"): void;
 	(e: "imageNext"): void;
 	(e: "imagePrevious"): void;
 }
diff --git a/ts/view/Communication.vue b/ts/view/Communication.vue
index fb20b0fa..42ee6008 100644
--- a/ts/view/Communication.vue
+++ b/ts/view/Communication.vue
@@ -30,6 +30,7 @@
 		</template>
 	</ThreeColumn>
 	<PhotoViewerModal
+		@close="showPhotoModal = false"
 		@imageNext="imageNext()"
 		@imagePrevious="imagePrevious()"
 		:images="currentImages"