From 2dc3877fd4c3e45f8c1ae37b2960ab49095bc07b Mon Sep 17 00:00:00 2001
From: Daniel Gasienica <daniel@signal.org>
Date: Fri, 13 Apr 2018 22:16:57 -0400
Subject: [PATCH] Integrate visual media attachment gallery

---
 js/views/conversation_view.js | 47 +++++++++++++++++++++++++++++++++--
 1 file changed, 45 insertions(+), 2 deletions(-)

diff --git a/js/views/conversation_view.js b/js/views/conversation_view.js
index 90f47abac..960afe54f 100644
--- a/js/views/conversation_view.js
+++ b/js/views/conversation_view.js
@@ -572,8 +572,51 @@
       el[0].scrollIntoView();
     },
 
-    viewAllMedia() {
-      console.log('View All Media');
+    async viewAllMedia() {
+      // We have to do this manually, since our React component will not propagate click
+      //   events up to its parent elements in the DOM.
+      this.closeMenu();
+
+      // TODO
+      //
+      // - [x] Fetch visual media attachments
+      // - [ ] Fetch file attachments
+      // - [ ] Add mechanism to fetch more data
+
+      const mediaWithoutAttachmentData =
+        await Signal.Backbone.Conversation.fetchVisualMediaAttachments({
+            conversationId: this.model.get('id'),
+            WhisperMessageCollection: Whisper.MessageCollection,
+        });
+
+      const mediaWithAttachmentData =
+        await Promise.all(mediaWithoutAttachmentData.map(Signal.Migrations.loadMessage));
+
+      const withObjectURL = message => {
+        if (!message.attachments || message.attachments.length === 0) {
+            throw new TypeError('`message.attachments` cannot be empty');
+        }
+        const attachment = message.attachments[0];
+        const objectURL = Signal.Util.arrayBufferToObjectURL({
+            data: attachment.data,
+            type: attachment.contentType,
+        });
+        return Object.assign({}, message, {objectURL});
+      }
+      const mediaWithObjectURLs = mediaWithAttachmentData.map(withObjectURL);
+
+      const props = {
+        media: mediaWithObjectURLs,
+        documents: [],
+      };
+
+      const view = new Whisper.ReactWrapperView({
+        Component: MediaGallery,
+        props,
+        onClose: () => this.resetPanel(),
+      });
+
+      this.listenBack(view);
     },
 
     scrollToBottom() {