oxen-io/session-desktop
1
0
Fork 0
mirror of https://github.com/oxen-io/session-desktop.git synced 2023-12-14 02:12:57 +01:00
Code Issues Projects Releases Wiki Activity
session-desktop/ts/components/conversation/media-gallery/MediaGridItem.md
Scott Nonnenberg 99252702e1 Support receiving multiple images in one messages
2018-11-26 15:26:04 -08:00

1.7 KiB
Raw Blame History

With image

const mediaItem = {
  thumbnailObjectUrl: 'https://placekitten.com/76/67',
  contentType: 'image/jpeg',
  attachment: {
    fileName: 'foo.jpg',
    contentType: 'image/jpeg',
  },
};
<MediaGridItem i18n={util.i18n} mediaItem={mediaItem} />;

With video

const mediaItem = {
  thumbnailObjectUrl: 'https://placekitten.com/76/67',
  contentType: 'video/mp4',
  attachment: {
    fileName: 'foo.jpg',
    contentType: 'video/mp4',
  },
};
<MediaGridItem i18n={util.i18n} mediaItem={mediaItem} />;

Missing image

const mediaItem = {
  contentType: 'image/jpeg',
  attachment: {
    fileName: 'foo.jpg',
    contentType: 'image/jpeg',
  },
};
<MediaGridItem i18n={util.i18n} mediaItem={mediaItem} />;

Missing video

const mediaItem = {
  contentType: 'video/mp4',
  attachment: {
    fileName: 'foo.jpg',
    contentType: 'video/mp4',
  },
};
<MediaGridItem i18n={util.i18n} mediaItem={mediaItem} />;

Image thumbnail failed to load

const mediaItem = {
  thumbnailObjectUrl: 'nonexistent',
  contentType: 'image/jpeg',
  attachment: {
    fileName: 'foo.jpg',
    contentType: 'image/jpeg',
  },
};
<MediaGridItem i18n={util.i18n} mediaItem={mediaItem} />;

Video thumbnail failed to load

const mediaItem = {
  thumbnailObjectUrl: 'nonexistent',
  contentType: 'video/mp4',
  attachment: {
    fileName: 'foo.jpg',
    contentType: 'video/mp4',
  },
};
<MediaGridItem i18n={util.i18n} mediaItem={mediaItem} />;

Other contentType

const mediaItem = {
  contentType: 'application/json',
  attachment: {
    fileName: 'foo.jpg',
    contentType: 'application/json',
  },
};
<MediaGridItem i18n={util.i18n} mediaItem={mediaItem} />;