Michael TelatynskiandGitHub
05df321f34
* Import JSX explicitly for React 19 compatibility Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fixup Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fixup Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
72 lines
2.7 KiB
TypeScript
72 lines
2.7 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 { _t } from "../../../languageHandler";
|
|
import WidgetStore from "../../../stores/WidgetStore";
|
|
import EventTileBubble from "./EventTileBubble";
|
|
import { MatrixClientPeg } from "../../../MatrixClientPeg";
|
|
import { Container, 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, Container.Right)) {
|
|
joinCopy = _t("timeline|m.widget|jitsi_join_right_prompt");
|
|
} else if (!widget) {
|
|
joinCopy = null;
|
|
}
|
|
|
|
if (!url) {
|
|
// removed
|
|
return (
|
|
<EventTileBubble
|
|
className="mx_MJitsiWidgetEvent"
|
|
title={_t("timeline|m.widget|jitsi_ended", { senderName })}
|
|
timestamp={this.props.timestamp}
|
|
/>
|
|
);
|
|
} else if (prevUrl) {
|
|
// modified
|
|
return (
|
|
<EventTileBubble
|
|
className="mx_MJitsiWidgetEvent"
|
|
title={_t("timeline|m.widget|jitsi_updated", { senderName })}
|
|
subtitle={joinCopy}
|
|
timestamp={this.props.timestamp}
|
|
/>
|
|
);
|
|
} else {
|
|
// assume added
|
|
return (
|
|
<EventTileBubble
|
|
className="mx_MJitsiWidgetEvent"
|
|
title={_t("timeline|m.widget|jitsi_started", { senderName })}
|
|
subtitle={joinCopy}
|
|
timestamp={this.props.timestamp}
|
|
/>
|
|
);
|
|
}
|
|
}
|
|
}
|