diff --git a/src/components/structures/auth/CompleteSecurity.js b/src/components/structures/auth/CompleteSecurity.js index 18000be68e..1443db0613 100644 --- a/src/components/structures/auth/CompleteSecurity.js +++ b/src/components/structures/auth/CompleteSecurity.js @@ -140,6 +140,7 @@ export default class CompleteSecurity extends React.Component { if (this.state.verificationRequest) { const EncryptionPanel = sdk.getComponent("views.right_panel.EncryptionPanel"); body = { +const EncryptionPanel = ({verificationRequest, member, onClose, layout}) => { const [request, setRequest] = useState(verificationRequest); useEffect(() => { setRequest(verificationRequest); @@ -77,6 +77,7 @@ const EncryptionPanel = ({verificationRequest, member, onClose}) => { } else { return ( ; + if (this.state.qrCodeProps) { + qrCode = ; + } + return ( +
+ {_t("Verify this session by completing one of the following:")} +
+
+

{_t("Scan this unique code")}

+ {qrCode} +
+
{_t("or")}
+
+

{_t("Compare unique emoji")}

+ {_t("Compare a unique set of emoji if you don't have a camera on either device")} + + {_t("Start")} + +
+
+
+ ); + } + let button; if (pending) { button = ;