matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-05 23:10:41 +03:00
Code Activity

Also only download images after clicking on them

Browse Source
This commit is contained in:
Will Hunt
2020-10-23 17:16:09 +01:00
parent e5228e2795
commit 7eb54cc83c
1 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/views/messages/MImageBody.js
View File

@@ -85,6 +85,7 @@ export default class MImageBody extends React.Component {
showImage() { showImage() {
localStorage.setItem("mx_ShowImage_" + this.props.mxEvent.getId(), "true"); localStorage.setItem("mx_ShowImage_" + this.props.mxEvent.getId(), "true");
this.setState({showImage: true}); this.setState({showImage: true});
this._downloadImage();
} }
onClick(ev) { onClick(ev) {
@@ -253,10 +254,7 @@ export default class MImageBody extends React.Component {
} }
} }
componentDidMount() { _downloadImage() {
this.unmounted = false;
this.context.on('sync', this.onClientSync);
const content = this.props.mxEvent.getContent(); const content = this.props.mxEvent.getContent();
if (content.file !== undefined && this.state.decryptedUrl === null) { if (content.file !== undefined && this.state.decryptedUrl === null) {
let thumbnailPromise = Promise.resolve(null); let thumbnailPromise = Promise.resolve(null);
@@ -289,9 +287,18 @@ export default class MImageBody extends React.Component {
}); });
}); });
} }
}
// Remember that the user wanted to show this particular image componentDidMount() {
if (!this.state.showImage && localStorage.getItem("mx_ShowImage_" + this.props.mxEvent.getId()) === "true") { this.unmounted = false;
this.context.on('sync', this.onClientSync);
const showImage = this.state.showImage ||
localStorage.getItem("mx_ShowImage_" + this.props.mxEvent.getId()) === "true";
if (showImage) {
// Don't download anything becaue we don't want to display anything.
this._downloadImage();
this.setState({showImage: true}); this.setState({showImage: true});
} }