fix: microvolunteering multiple photos viewing

Freegle · Feb 25, 2024 · e637aa7 · e637aa7
1 parent 48dc874
commit e637aa7
Showing 1 changed file with 12 additions and 0 deletions.
diff --git 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() {