mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-10-26 04:35:55 +03:00
Code Issues Projects Releases Packages Wiki Activity

Display sticker content (URL), rather than thumbnail.

Browse source
This commit is contained in:
Richard Lewis 2018-03-14 11:11:21 +00:00
parent 66ea78de65
commit 83412acbe7
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/views/messages/MStickerBody.js
View file

@ -46,7 +46,7 @@ export default class MStickerBody extends MImageBody {
const hidePlaceholderTimer = setTimeout(() => {
this.setState({
placeholderVisible: false,
thumbnailClasses: 'mx_MStickerBody_thumbnail_visible',
imageClasses: 'mx_MStickerBody_image_visible',
});
}, 500);
this.setState({hidePlaceholderTimer});
@ -58,14 +58,14 @@ export default class MStickerBody extends MImageBody {
this.setState({
placeholderVisible: false,
placeholderClasses: '.mx_MStickerBody_placeholder_invisible',
thumbnailClasses: 'mx_MStickerBody_thumbnail_visible',
imageClasses: 'mx_MStickerBody_image_visible',
});
} else {
// Image not already loaded
this.setState({
placeholderVisible: true,
placeholderClasses: '',
thumbnailClasses: '',
imageClasses: '',
});
}
}
@ -110,7 +110,7 @@ export default class MStickerBody extends MImageBody {
style={{
height: placeholderFixupHeight,
}}>
<div className={'mx_MStickerBody_thumbnail_container'}>
<div className={'mx_MStickerBody_image_container'}>
{ this.state.placeholderVisible &&
<div
className={'mx_MStickerBody_placeholder ' + this.state.placeholderClasses}
@ -125,8 +125,8 @@ export default class MStickerBody extends MImageBody {
height={placeholderSize} />
</div> }
<img
className={'mx_MStickerBody_thumbnail ' + this.state.thumbnailClasses}
src={thumbUrl}
className={'mx_MStickerBody_image ' + this.state.imageClasses}
src={contentUrl}
ref='image'
alt={content.body}
onLoad={this.props.onWidgetLoad}