Render error

src/domain/session/room/timeline/tiles/TextTile.js

@@ -73,9 +73,27 @@ export class TextTile extends BaseTextTile {
         if (!this._replyTextTile) {
             const entry = this._entry.contextEntry;
             if (entry) {
-                this._replyTextTile = new TextTile(this.childOptions({entry, roomVM: this._roomVM, timeline: this._timeline}));
+                this._replyTextTile =  new ReplyPreviewTile(this.childOptions({entry, roomVM: this._roomVM, timeline: this._timeline}));
             }
         }
         return this._replyTextTile;
     }
 }
+
+class ReplyPreviewTile extends TextTile {
+    constructor(options) {
+        super(options);
+    }
+
+    get isRedacted() {
+        return this._entry.isRedacted;
+    }
+
+    get decryptionError() {
+        return !!this._entry.decryptionError;
+    }
+
+    get error() {
+        return this.isRedacted || this.decryptionError;
+    }
+}

src/platform/web/ui/session/room/timeline/ReplyPreviewView.js

@@ -31,23 +31,25 @@ export class ReplyPreviewView extends TemplateView {
         return replyContainer;
     }
 
-    _renderError({ error, avatar, senderName }) {
+    _renderError(vm) {
-        const errorMessage = this._getErrorMessage(error);
+        const errorMessage = this._getErrorMessage(vm);
         const children = [tag.span({ className: "statusMessage" }, errorMessage), tag.br()];
-        const reply = avatar && senderName ? this._renderReplyHeader(avatar, senderName, children) :
+        let reply;
-                                             tag.blockquote(children);
+        try {
+            reply = this._renderReplyHeader(vm, children);
+        }
+        catch {
+            reply = tag.blockquote(children);
+        }
         return reply;
     }
 
-    _getErrorMessage(error) {
+    _getErrorMessage(vm) {
-        switch (error.name) {
+        if (vm.isRedacted) {
-            case "ContextEntryNotFound":
-            case "MissingBody":
-                return "This message could not be fetched.";
-            case "MessageRedacted":
             return "This message has been deleted.";
-            default:
+        }
-                return error.message;
+        else if (vm.decryptionError) {
+            return "This message could not be decrypted."
         }
     }