Merge pull request #78 from Freegle/fix/microvolunteering-message-mul…

…tiple-photos fix: microvolunteering multiple photos viewing
Freegle · Feb 27, 2024 · f53d4e1 · f53d4e1
2 parents 665bda8 + e637aa7
commit f53d4e1
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() {