Fixed examples in Quote.md, rough Android visuals

js/modules/types/mime.js

@@ -1,2 +1,10 @@
 exports.isJPEG = mimeType =>
   mimeType === 'image/jpeg';
+
+exports.isVideo = mimeType =>
+  mimeType.startsWith('video/') && mimeType !== 'video/wmv';
+
+exports.isImage = mimeType =>
+  mimeType.startsWith('image/') && mimeType !== 'image/tiff';
+
+exports.isAudio = mimeType => mimeType.startsWith('audio/');

js/views/attachment_view.js

@@ -136,7 +136,8 @@
       return this.model.contentType.startsWith('audio/');
     },
     isVideo() {
-      return this.model.contentType.startsWith('video/');
+      const type = this.model.contentType;
+      return type.startsWith('video/') && type !== 'image/wmv';
     },
     isImage() {
       const type = this.model.contentType;

js/views/message_view.js

@@ -235,7 +235,6 @@
       // Failsafe: if in the background, animation events don't fire
       setTimeout(this.remove.bind(this), 1000);
     },
-    /* jshint ignore:start */
     onUnload() {
       if (this.avatarView) {
         this.avatarView.remove();
@@ -252,6 +251,9 @@
       if (this.timeStampView) {
         this.timeStampView.remove();
       }
+      if (this.replyView) {
+        this.replyView.remove();
+      }
 
       // NOTE: We have to do this in the background (`then` instead of `await`)
       // as our tests rely on `onUnload` synchronously removing the view from
@@ -265,7 +267,6 @@
 
       this.remove();
     },
-    /* jshint ignore:end */
     onDestroy() {
       if (this.$el.hasClass('expired')) {
         return;
@@ -359,6 +360,53 @@
       this.timerView.setElement(this.$('.timer'));
       this.timerView.update();
     },
+    renderReply() {
+      const VOICE_MESSAGE_FLAG =
+        textsecure.protobuf.AttachmentPointer.Flags.VOICE_MESSAGE;
+      function addVoiceMessageFlag(attachment) {
+        return Object.assign({}, attachment, {
+          // eslint-disable-next-line no-bitwise
+          isVoiceMessage: attachment.flags & VOICE_MESSAGE_FLAG,
+        });
+      }
+      function getObjectUrl(attachment) {
+        if (!attachment || attachment.objectUrl) {
+          return attachment;
+        }
+
+        const blob = new Blob([attachment.data], {
+          type: attachment.contentType,
+        });
+        return Object.assign({}, attachment, {
+          objectUrl: URL.createObjectURL(blob),
+        });
+      }
+      function processAttachment(attachment) {
+        return getObjectUrl(addVoiceMessageFlag(attachment));
+      }
+
+      const quote = this.model.get('quote');
+      if (!quote) {
+        return;
+      }
+
+      const props = {
+        authorName: 'someone',
+        authorColor: 'indigo',
+        text: quote.text,
+        attachments: quote.attachments && quote.attachments.map(processAttachment),
+      };
+
+      if (!this.replyView) {
+        this.replyView = new Whisper.ReactWrapperView({
+          el: this.$('.quote-wrapper'),
+          Component: window.Signal.Components.Quote,
+          props,
+        });
+      } else {
+        this.replyView.update(props);
+      }
+    },
     isImageWithoutCaption() {
       const attachments = this.model.get('attachments');
       const body = this.model.get('body');
@@ -406,6 +454,7 @@
       this.renderRead();
       this.renderErrors();
       this.renderExpiring();
+      this.renderReply();
 
 
       // NOTE: We have to do this in the background (`then` instead of `await`)