OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Migrate ChangeDisplayName to TypeScript

pull/21833/head
Germain Souquet 2021-08-14 11:06:34 +02:00
parent bedfbedff0
commit 1e431057ff
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/views/settings/ChangeDisplayName.js → src/components/views/settings/ChangeDisplayName.tsx
View File

@ -1,6 +1,6 @@
/* /*
Copyright 2015, 2016 OpenMarket Ltd Copyright 2015, 2016 OpenMarket Ltd
Copyright 2018 New Vector Ltd Copyright 2018 - 2021 New Vector Ltd
Copyright 2019 The Matrix.org Foundation C.I.C. Copyright 2019 The Matrix.org Foundation C.I.C.
Licensed under the Apache License, Version 2.0 (the "License"); Licensed under the Apache License, Version 2.0 (the "License");
@ -24,7 +24,7 @@ import { replaceableComponent } from "../../../utils/replaceableComponent";
@replaceableComponent("views.settings.ChangeDisplayName") @replaceableComponent("views.settings.ChangeDisplayName")
export default class ChangeDisplayName extends React.Component { export default class ChangeDisplayName extends React.Component {
_getDisplayName = async () => { private getDisplayName = async (): Promise<string> => {
const cli = MatrixClientPeg.get(); const cli = MatrixClientPeg.get();
try { try {
const res = await cli.getProfileInfo(cli.getUserId()); const res = await cli.getProfileInfo(cli.getUserId());
@ -34,21 +34,21 @@ export default class ChangeDisplayName extends React.Component {
} }
}; };
_changeDisplayName = (newDisplayname) => { private changeDisplayName = (newDisplayname: string): Promise<{}> => {
const cli = MatrixClientPeg.get(); const cli = MatrixClientPeg.get();
return cli.setDisplayName(newDisplayname).catch(function(e) { return cli.setDisplayName(newDisplayname).catch(function() {
throw new Error("Failed to set display name", e); throw new Error("Failed to set display name");
}); });
}; };
render() { public render(): JSX.Element {
const EditableTextContainer = sdk.getComponent('elements.EditableTextContainer'); const EditableTextContainer = sdk.getComponent('elements.EditableTextContainer');
return ( return (
<EditableTextContainer <EditableTextContainer
getInitialValue={this._getDisplayName} getInitialValue={this.getDisplayName}
placeholder={_t("No display name")} placeholder={_t("No display name")}
blurToSubmit={true} blurToSubmit={true}
onSubmit={this._changeDisplayName} /> onSubmit={this.changeDisplayName} />
); );
} }
} }