diff --git a/src/app/components/DeviceVerification.tsx b/src/app/components/DeviceVerification.tsx index 02811a856..b80292658 100644 --- a/src/app/components/DeviceVerification.tsx +++ b/src/app/components/DeviceVerification.tsx @@ -316,9 +316,5 @@ export function ReceiveSelfDeviceVerification() { if (!request) return null; - if (!request.isSelfVerification) { - return null; - } - return ; } diff --git a/src/app/components/RenderMessageContent.tsx b/src/app/components/RenderMessageContent.tsx index 4cfcb7dc1..abaca9af3 100644 --- a/src/app/components/RenderMessageContent.tsx +++ b/src/app/components/RenderMessageContent.tsx @@ -22,6 +22,7 @@ import { RenderBody, ThumbnailContent, UnsupportedContent, + VerificationRequestContent, VideoContent, } from './message'; import { UrlPreviewCard, UrlPreviewHolder } from './url-preview'; @@ -264,5 +265,9 @@ export function RenderMessageContent({ return ; } + if (msgType === 'm.key.verification.request') { + return ; + } + return ; } diff --git a/src/app/components/message/MsgTypeRenderers.tsx b/src/app/components/message/MsgTypeRenderers.tsx index 8f152c2da..307d03650 100644 --- a/src/app/components/message/MsgTypeRenderers.tsx +++ b/src/app/components/message/MsgTypeRenderers.tsx @@ -10,6 +10,7 @@ import { MessageDeletedContent, MessageEditedContent, MessageUnsupportedContent, + MessageVerificationRequestContent, } from './content'; import { IAudioContent, @@ -57,6 +58,14 @@ export function UnsupportedContent() { ); } +export function VerificationRequestContent() { + return ( + + + + ); +} + export function BrokenContent() { return ( diff --git a/src/app/components/message/content/FallbackContent.tsx b/src/app/components/message/content/FallbackContent.tsx index 7f3173ab7..0eae9bae0 100644 --- a/src/app/components/message/content/FallbackContent.tsx +++ b/src/app/components/message/content/FallbackContent.tsx @@ -57,6 +57,15 @@ export const MessageEmptyContent = as<'div', { children?: never }>(({ ...props } )); +export const MessageVerificationRequestContent = as<'div', { children?: never }>( + ({ ...props }, ref) => ( + + + Device verification request — open another Matrix client to accept + + ), +); + export const MessageEditedContent = as<'span', { children?: never }>(({ ...props }, ref) => ( {' (edited)'}