rerender tile when becoming or stopped being redacted

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

@@ -18,7 +18,7 @@ import {BaseTextTile} from "./BaseTextTile.js";
 
 export class RedactedTile extends BaseTextTile {
     get shape() {
-        return "message-status"
+        return "redacted";
     }
 
     _getBodyAsString() {

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

@@ -83,13 +83,14 @@ export class SimpleTile extends ViewModel {
     }
 
     // update received for already included (falls within sort keys) entry
-    updateEntry(entry, params) {
-        if (entry.isRedacted) {
+    updateEntry(entry, param) {
+        const renderedAsRedacted = this.shape === "redacted";
+        if (entry.isRedacted !== renderedAsRedacted) {
             // recreate the tile if the entry becomes redacted
-            return UpdateAction.Replace(params);
+            return UpdateAction.Replace("shape");
         } else {
             this._entry = entry;
-            return UpdateAction.Update(params);
+            return UpdateAction.Update(param);
         }
     }
 

src/platform/web/ui/session/room/TimelineList.js

@@ -29,6 +29,7 @@ function viewClassForEntry(entry) {
         case "announcement": return AnnouncementView;
         case "message":
         case "message-status":
+        case "redacted":
             return TextMessageView;
         case "image": return ImageView;
         case "video": return VideoView;

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

@@ -24,7 +24,7 @@ export function renderMessage(t, vm, children) {
         unsent: vm.isUnsent,
         unverified: vm.isUnverified,
         continuation: vm => vm.isContinuation,
-        messageStatus: vm => vm.shape === "message-status" || vm.shape === "missing-attachment" || vm.shape === "file",
+        messageStatus: vm => vm.shape === "message-status" || vm.shape === "missing-attachment" || vm.shape === "file" || vm.shape === "redacted",
     };
 
     const profile = t.div({className: "profile"}, [