From e637aa7fb143ff381e01f6d56e9f1e1209ec8a52 Mon Sep 17 00:00:00 2001
From: Pavel Mironov <pashamironow@gmail.com>
Date: Sun, 25 Feb 2024 18:27:31 +0100
Subject: [PATCH] fix: microvolunteering multiple photos viewing

---
 components/MicroVolunteeringCheckMessage.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/components/MicroVolunteeringCheckMessage.vue b/components/MicroVolunteeringCheckMessage.vue
index 95f562fb..66c32c66 100644
--- a/components/MicroVolunteeringCheckMessage.vue
+++ b/components/MicroVolunteeringCheckMessage.vue
@@ -10,6 +10,12 @@
       :actions="false"
       :record-view="false"
       :show-map="false"
+      @zoom="showPhotosModal"
+    />
+    <MessagePhotosModal
+      v-if="showMessagePhotosModal && message.attachments?.length"
+      :id="message.id"
+      @hidden="showMessagePhotosModal = false"
     />
     <div
       v-if="!showComments"
@@ -83,9 +89,15 @@ export default {
     const messageStore = useMessageStore()
     await messageStore.fetch(props.id, true)
 
+    const showMessagePhotosModal = ref(false)
+    const showPhotosModal = () => {
+      showMessagePhotosModal.value = true
+    }
     return {
       messageStore,
       microVolunteeringStore,
+      showMessagePhotosModal,
+      showPhotosModal,
     }
   },
   data() {