mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions
signal-desktop/ts/components/conversation/media-gallery/MediaGridItem.md
Scott Nonnenberg 643739f65d
Responding to feedback on the updated visuals (#2549) 
* Conversation List Item: timestamp bold only when convo has unread

* Preserve the positioning of overlays on re-entry into convo

* ConversationListItem: Handle missing and broken thumbnails

* Shorten timestamp in left pane for better Android consistency

* Update convo last updated if last was expire timer change

But not if it was from a sync instead of from you or from a contact.

* Make links in quotes the same color as the text

* MediaGridItem: Update placeholder icon colors for dark theme

* Ensure turning off timer shows 'Timer set to off' in left pane

* ConversationListItem: Show unread count in blue circle

* Add one pixel margin to blue indicator for text alignment

* Ensure replies to voice message can bet sent successfully
2018-07-20 16:37:57 -07:00

1.7 KiB
Raw Blame History

With image

const message = {
  id: '1',
  thumbnailObjectUrl: 'https://placekitten.com/76/67',
  attachments: [
    {
      fileName: 'foo.jpg',
      contentType: 'image/jpeg',
    },
  ],
};
<MediaGridItem i18n={util.i18n} message={message} />;

With video

const message = {
  id: '1',
  thumbnailObjectUrl: 'https://placekitten.com/76/67',
  attachments: [
    {
      fileName: 'foo.jpg',
      contentType: 'video/mp4',
    },
  ],
};
<MediaGridItem i18n={util.i18n} message={message} />;

Missing image

const message = {
  id: '1',
  attachments: [
    {
      fileName: 'foo.jpg',
      contentType: 'image/jpeg',
    },
  ],
};
<MediaGridItem i18n={util.i18n} message={message} />;

Missing video

const message = {
  id: '1',
  attachments: [
    {
      fileName: 'foo.jpg',
      contentType: 'video/mp4',
    },
  ],
};
<MediaGridItem i18n={util.i18n} message={message} />;

Image thumbnail failed to load

const message = {
  id: '1',
  thumbnailObjectUrl: 'nonexistent',
  attachments: [
    {
      fileName: 'foo.jpg',
      contentType: 'image/jpeg',
    },
  ],
};
<MediaGridItem i18n={util.i18n} message={message} />;

Video thumbnail failed to load

const message = {
  id: '1',
  thumbnailObjectUrl: 'nonexistent',
  attachments: [
    {
      fileName: 'foo.jpg',
      contentType: 'video/mp4',
    },
  ],
};
<MediaGridItem i18n={util.i18n} message={message} />;

Other contentType

const message = {
  id: '1',
  attachments: [
    {
      fileName: 'foo.jpg',
      contentType: 'application/json',
    },
  ],
};
<MediaGridItem i18n={util.i18n} message={message} />;