matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-10 09:22:25 +03:00
Code Activity

Ts tweaks

Browse Source
This commit is contained in:
Will Hunt
2020-11-30 12:05:30 +00:00
parent 86200e5519
commit 8e6061b37a
1 changed files with 22 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/views/settings/BridgeTile.tsx
View File

@@ -25,9 +25,20 @@ import BaseAvatar from "../avatars/BaseAvatar";
import AccessibleButton from "../elements/AccessibleButton";
import {replaceableComponentTs} from "../../../utils/replaceableComponent";
import SettingsStore from "../../../settings/SettingsStore";
import type {MatrixEvent} from "matrix-js-sdk/src/models/event";
import { Room } from "matrix-js-sdk/src/models/room";
interface IProps {
ev: MatrixEvent;
room: Room;
}
interface IState {
visible: boolean;
}
@replaceableComponentTs("views.settings.BridgeTile")
export default class BridgeTile extends React.PureComponent {
export default class BridgeTile extends React.PureComponent<IProps, IState> {
static propTypes = {
ev: PropTypes.object.isRequired,
room: PropTypes.object.isRequired,
@@ -43,7 +54,7 @@ export default class BridgeTile extends React.PureComponent {
});
}
render(): ReactNode {
render() {
const content = this.props.ev.getContent();
const { channel, network, protocol } = content;
const protocolName = protocol.displayname || protocol.id;
@@ -53,22 +64,22 @@ export default class BridgeTile extends React.PureComponent {
let creator = null;
if (content.creator) {
creator = _t("This bridge was provisioned by <user />.", {}, {
user: <Pill
type={Pill.TYPE_USER_MENTION}
room={this.props.room}
url={makeUserPermalink(content.creator)}
shouldShowPillAvatar={SettingsStore.getValue("Pill.shouldShowPillAvatar")}
/>,
user: () => <Pill
type={Pill.TYPE_USER_MENTION}
room={this.props.room}
url={makeUserPermalink(content.creator)}
shouldShowPillAvatar={SettingsStore.getValue("Pill.shouldShowPillAvatar")}
/>,
});
}
const bot = _t("This bridge is managed by <user />.", {}, {
user: <Pill
user: () => <Pill
type={Pill.TYPE_USER_MENTION}
room={this.props.room}
url={makeUserPermalink(this.props.ev.getSender())}
shouldShowPillAvatar={SettingsStore.getValue("Pill.shouldShowPillAvatar")}
/>,
/>,
});
let networkIcon;
@@ -88,7 +99,7 @@ export default class BridgeTile extends React.PureComponent {
url={ avatarUrl }
/>;
} else {
networkIcon = <div class="noProtocolIcon"></div>;
networkIcon = <div className="noProtocolIcon"></div>;
}
const id = this.props.ev.getId();