643739f65d
* 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
108 lines
1.7 KiB
Markdown
108 lines
1.7 KiB
Markdown
#### With image
|
|
|
|
```jsx
|
|
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
|
|
|
|
```jsx
|
|
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
|
|
|
|
```jsx
|
|
const message = {
|
|
id: '1',
|
|
attachments: [
|
|
{
|
|
fileName: 'foo.jpg',
|
|
contentType: 'image/jpeg',
|
|
},
|
|
],
|
|
};
|
|
<MediaGridItem i18n={util.i18n} message={message} />;
|
|
```
|
|
|
|
#### Missing video
|
|
|
|
```jsx
|
|
const message = {
|
|
id: '1',
|
|
attachments: [
|
|
{
|
|
fileName: 'foo.jpg',
|
|
contentType: 'video/mp4',
|
|
},
|
|
],
|
|
};
|
|
<MediaGridItem i18n={util.i18n} message={message} />;
|
|
```
|
|
|
|
#### Image thumbnail failed to load
|
|
|
|
```jsx
|
|
const message = {
|
|
id: '1',
|
|
thumbnailObjectUrl: 'nonexistent',
|
|
attachments: [
|
|
{
|
|
fileName: 'foo.jpg',
|
|
contentType: 'image/jpeg',
|
|
},
|
|
],
|
|
};
|
|
<MediaGridItem i18n={util.i18n} message={message} />;
|
|
```
|
|
|
|
#### Video thumbnail failed to load
|
|
|
|
```jsx
|
|
const message = {
|
|
id: '1',
|
|
thumbnailObjectUrl: 'nonexistent',
|
|
attachments: [
|
|
{
|
|
fileName: 'foo.jpg',
|
|
contentType: 'video/mp4',
|
|
},
|
|
],
|
|
};
|
|
<MediaGridItem i18n={util.i18n} message={message} />;
|
|
```
|
|
|
|
#### Other contentType
|
|
|
|
```jsx
|
|
const message = {
|
|
id: '1',
|
|
attachments: [
|
|
{
|
|
fileName: 'foo.jpg',
|
|
contentType: 'application/json',
|
|
},
|
|
],
|
|
};
|
|
<MediaGridItem i18n={util.i18n} message={message} />;
|
|
```
|