Make image reply rendering even more compact

src/components/views/messages/MImageReplyBody.js

@@ -1,5 +1,5 @@
 /*
-Copyright 2019 Tulir Asokan <tulir@maunium.net>
+Copyright 2020 Tulir Asokan <tulir@maunium.net>
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -14,7 +14,11 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+import React from "react";
+import { _td } from "../../../languageHandler";
+import * as sdk from "../../../index";
 import MImageBody from './MImageBody';
+import MFileBody from "./MFileBody";
 
 export default class MImageReplyBody extends MImageBody {
     onClick(ev) {
@@ -27,6 +31,29 @@ export default class MImageReplyBody extends MImageBody {
 
     // Don't show "Download this_file.png ..."
     getFileBody() {
-        return null;
+        return MFileBody.prototype.presentableTextForFile.call(this, this.props.mxEvent.getContent());
+    }
+
+    render() {
+        if (this.state.error !== null) {
+            return super.render();
+        }
+
+        const content = this.props.mxEvent.getContent();
+
+        const contentUrl = this._getContentUrl();
+        const thumbnail = this._messageContent(contentUrl, this._getThumbUrl(), content);
+        const fileBody = this.getFileBody();
+        const SenderProfile = sdk.getComponent('messages.SenderProfile');
+        const sender = <SenderProfile onClick={this.onSenderProfileClick}
+                                      mxEvent={this.props.mxEvent}
+                                      enableFlair={false}
+                                      text={_td('%(senderName)s sent an image')} />;
+
+        return <div className="mx_MImageReplyBody">
+            <div className="mx_MImageReplyBody_thumbnail">{ thumbnail }</div>
+            <div className="mx_MImageReplyBody_sender">{ sender }</div>
+            <div className="mx_MImageReplyBody_filename">{ fileBody }</div>
+        </div>;
     }
 }