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)'}