Handle UTD in pinning message banner

Author: florianduros

src/components/views/rooms/PinnedMessageBanner.tsx

@@ -69,7 +69,7 @@ export function PinnedMessageBanner({ room, permalinkCreator }: PinnedMessageBan
     const pinnedEvent = pinnedEvents[currentEventIndex];
     // Generate a preview for the pinned event
     const eventPreview = useMemo(() => {
-        if (!pinnedEvent || pinnedEvent.isRedacted()) return null;
+        if (!pinnedEvent || pinnedEvent.isRedacted() || pinnedEvent.isDecryptionFailure()) return null;
         return MessagePreviewStore.instance.generatePreviewForEvent(pinnedEvent);
     }, [pinnedEvent]);
 
@@ -114,16 +114,17 @@ export function PinnedMessageBanner({ room, permalinkCreator }: PinnedMessageBan
                 )}
                 {eventPreview && <span className="mx_PinnedMessageBanner_message">{eventPreview}</span>}
                 {/* In case of redacted event, we want to display the nice sentence of the message event like in the timeline or in the pinned message list */}
-                {pinnedEvent.isRedacted() && (
-                    <div className="mx_PinnedMessageBanner_redactedMessage">
-                        <MessageEvent
-                            mxEvent={pinnedEvent}
-                            maxImageHeight={20}
-                            permalinkCreator={permalinkCreator}
-                            replacingEventId={pinnedEvent.replacingEventId()}
-                        />
-                    </div>
-                )}
+                {pinnedEvent.isRedacted() ||
+                    (pinnedEvent.isDecryptionFailure() && (
+                        <div className="mx_PinnedMessageBanner_redactedMessage">
+                            <MessageEvent
+                                mxEvent={pinnedEvent}
+                                maxImageHeight={20}
+                                permalinkCreator={permalinkCreator}
+                                replacingEventId={pinnedEvent.replacingEventId()}
+                            />
+                        </div>
+                    ))}
             </button>
             {!isSinglePinnedEvent && <BannerButton room={room} />}
         </div>