PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

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
Show stats 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 AccessibleButton from "../elements/AccessibleButton";
import {replaceableComponentTs} from "../../../utils/replaceableComponent"; import {replaceableComponentTs} from "../../../utils/replaceableComponent";
import SettingsStore from "../../../settings/SettingsStore"; 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") @replaceableComponentTs("views.settings.BridgeTile")
export default class BridgeTile extends React.PureComponent { export default class BridgeTile extends React.PureComponent<IProps, IState> {
static propTypes = { static propTypes = {
ev: PropTypes.object.isRequired, ev: PropTypes.object.isRequired,
room: 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 content = this.props.ev.getContent();
const { channel, network, protocol } = content; const { channel, network, protocol } = content;
const protocolName = protocol.displayname || protocol.id; const protocolName = protocol.displayname || protocol.id;
@ -53,22 +64,22 @@ export default class BridgeTile extends React.PureComponent {
let creator = null; let creator = null;
if (content.creator) { if (content.creator) {
creator = _t("This bridge was provisioned by <user />.", {}, { creator = _t("This bridge was provisioned by <user />.", {}, {
user: <Pill user: () => <Pill
type={Pill.TYPE_USER_MENTION} type={Pill.TYPE_USER_MENTION}
room={this.props.room} room={this.props.room}
url={makeUserPermalink(content.creator)} url={makeUserPermalink(content.creator)}
shouldShowPillAvatar={SettingsStore.getValue("Pill.shouldShowPillAvatar")} shouldShowPillAvatar={SettingsStore.getValue("Pill.shouldShowPillAvatar")}
/>, />,
}); });
} }
const bot = _t("This bridge is managed by <user />.", {}, { const bot = _t("This bridge is managed by <user />.", {}, {
user: <Pill user: () => <Pill
type={Pill.TYPE_USER_MENTION} type={Pill.TYPE_USER_MENTION}
room={this.props.room} room={this.props.room}
url={makeUserPermalink(this.props.ev.getSender())} url={makeUserPermalink(this.props.ev.getSender())}
shouldShowPillAvatar={SettingsStore.getValue("Pill.shouldShowPillAvatar")} shouldShowPillAvatar={SettingsStore.getValue("Pill.shouldShowPillAvatar")}
/>, />,
}); });
let networkIcon; let networkIcon;
@ -88,7 +99,7 @@ export default class BridgeTile extends React.PureComponent {
url={ avatarUrl } url={ avatarUrl }
/>; />;
} else { } else {
networkIcon = <div class="noProtocolIcon"></div>; networkIcon = <div className="noProtocolIcon"></div>;
} }
const id = this.props.ev.getId(); const id = this.props.ev.getId();