09bbf796dc
* Add support for Widget & Room Header Buttons module APIs To support https://github.com/element-hq/element-modules/pull/217 * Update for new api * Test addRoomHeaderButtonCallback * Extra mock api * Test for widgetapi * Convert enum * Convert other enum usage * Add tests for widget context menu move buttons Which have just changed because of the enum * Add tests for moving the widgets * Fix copyright Co-authored-by: Florian Duros <florianduros@element.io> * Update module API * A little import/export --------- Co-authored-by: Florian Duros <florianduros@element.io>
79 lines
3.0 KiB
TypeScript
79 lines
3.0 KiB
TypeScript
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2020 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 { VideoCallSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
|
|
import { EventTileBubble } from "@element-hq/web-shared-components";
|
|
|
|
import { _t } from "../../../languageHandler";
|
|
import WidgetStore from "../../../stores/WidgetStore";
|
|
import { MatrixClientPeg } from "../../../MatrixClientPeg";
|
|
import { WidgetLayoutStore } from "../../../stores/widgets/WidgetLayoutStore";
|
|
|
|
interface IProps {
|
|
mxEvent: MatrixEvent;
|
|
timestamp?: JSX.Element;
|
|
}
|
|
|
|
export default class MJitsiWidgetEvent extends React.PureComponent<IProps> {
|
|
public render(): React.ReactNode {
|
|
const url = this.props.mxEvent.getContent()["url"];
|
|
const prevUrl = this.props.mxEvent.getPrevContent()["url"];
|
|
const senderName = this.props.mxEvent.sender?.name || this.props.mxEvent.getSender();
|
|
const room = MatrixClientPeg.safeGet().getRoom(this.props.mxEvent.getRoomId());
|
|
if (!room) return null;
|
|
const widgetId = this.props.mxEvent.getStateKey();
|
|
const widget = WidgetStore.instance.getRoom(room.roomId, true).widgets.find((w) => w.id === widgetId);
|
|
|
|
let joinCopy: string | null = _t("timeline|m.widget|jitsi_join_top_prompt");
|
|
if (widget && WidgetLayoutStore.instance.isInContainer(room, widget, "right")) {
|
|
joinCopy = _t("timeline|m.widget|jitsi_join_right_prompt");
|
|
} else if (!widget) {
|
|
joinCopy = null;
|
|
}
|
|
|
|
if (!url) {
|
|
// removed
|
|
return (
|
|
<EventTileBubble
|
|
icon={<VideoCallSolidIcon />}
|
|
className="mx_EventTileBubble mx_MJitsiWidgetEvent"
|
|
title={_t("timeline|m.widget|jitsi_ended", { senderName })}
|
|
>
|
|
{this.props.timestamp}
|
|
</EventTileBubble>
|
|
);
|
|
} else if (prevUrl) {
|
|
// modified
|
|
return (
|
|
<EventTileBubble
|
|
icon={<VideoCallSolidIcon />}
|
|
className="mx_EventTileBubble mx_MJitsiWidgetEvent"
|
|
title={_t("timeline|m.widget|jitsi_updated", { senderName })}
|
|
subtitle={joinCopy}
|
|
>
|
|
{this.props.timestamp}
|
|
</EventTileBubble>
|
|
);
|
|
} else {
|
|
// assume added
|
|
return (
|
|
<EventTileBubble
|
|
icon={<VideoCallSolidIcon />}
|
|
className="mx_EventTileBubble mx_MJitsiWidgetEvent"
|
|
title={_t("timeline|m.widget|jitsi_started", { senderName })}
|
|
subtitle={joinCopy}
|
|
>
|
|
{this.props.timestamp}
|
|
</EventTileBubble>
|
|
);
|
|
}
|
|
}
|
|
}
|