Refactor MKeyVerificationRequest to shared view MVVM (#33461)

* Refactor key verification request to shared view * Fix prettier * add tests to pass coverage
2026-05-11 11:36:07 +00:00
parent 7af8beea40
commit c62acc6634
16 changed files with 699 additions and 206 deletions
@@ -1,87 +0,0 @@
-/*
-Copyright 2024 New Vector Ltd.
-Copyright 2019, 2020 , 2023 The Matrix.org Foundation C.I.C.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-import React, { type JSX } from "react";
-import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
-import { LockSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
-import { EventTileBubble } from "@element-hq/web-shared-components";
-
-import { _t } from "../../../languageHandler";
-import { getNameForEventRoom, userLabelForEventRoom } from "../../../utils/KeyVerificationStateObserver";
-import { useMatrixClientContext } from "../../../contexts/MatrixClientContext";
-
-interface Props {
-    mxEvent: MatrixEvent;
-    timestamp?: JSX.Element;
-}
-
-interface MKeyVerificationRequestContent {
-    body?: string;
-    format?: string;
-    formatted_body?: string;
-    from_device: string;
-    methods: Array<string>;
-    msgtype: "m.key.verification.request";
-    to: string;
-}
-
-/**
- * Event tile created when we receive an m.key.verification.request event.
- *
- * Displays a simple message saying that a verification was requested, either by
- * this user or someone else.
- *
- * EventTileFactory has logic meaning we only display this tile if the request
- * was sent to/from this user.
- */
-const MKeyVerificationRequest: React.FC<Props> = ({ mxEvent, timestamp }) => {
-    const client = useMatrixClientContext();
-
-    if (!client) {
-        throw new Error("Attempting to render verification request without a client context!");
-    }
-
-    const myUserId = client.getSafeUserId();
-    const content: MKeyVerificationRequestContent = mxEvent.getContent();
-    const sender = mxEvent.getSender();
-    const receiver = content.to;
-    const roomId = mxEvent.getRoomId();
-
-    if (!sender) {
-        throw new Error("Verification request did not include a sender!");
-    }
-    if (!roomId) {
-        throw new Error("Verification request did not include a room ID!");
-    }
-
-    let title: string;
-    let subtitle: string;
-
-    const sentByMe = sender === myUserId;
-    if (sentByMe) {
-        title = _t("timeline|m.key.verification.request|you_started");
-        subtitle = userLabelForEventRoom(client, receiver, roomId);
-    } else {
-        const name = getNameForEventRoom(client, sender, roomId);
-        title = _t("timeline|m.key.verification.request|user_wants_to_verify", { name });
-        subtitle = userLabelForEventRoom(client, sender, roomId);
-    }
-
-    return (
-        <EventTileBubble
-            icon={<LockSolidIcon />}
-            className="mx_EventTileBubble mx_cryptoEvent"
-            title={title}
-            subtitle={subtitle}
-        >
-            {timestamp}
-        </EventTileBubble>
-    );
-};
-
-export default MKeyVerificationRequest;