Convert AddressTile to TS

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
pull/21833/head
Šimon Brandner 2021-07-20 11:19:29 +02:00
parent 28871ee07d
commit 156901ce62
No known key found for this signature in database
GPG Key ID: 55C211A1226CB17D
1 changed files with 13 additions and 13 deletions

View File

@ -16,23 +16,22 @@ limitations under the License.
*/ */
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames'; import classNames from 'classnames';
import * as sdk from "../../../index"; import * as sdk from "../../../index";
import { _t } from '../../../languageHandler'; import { _t } from '../../../languageHandler';
import { UserAddressType } from '../../../UserAddress';
import { replaceableComponent } from "../../../utils/replaceableComponent"; import { replaceableComponent } from "../../../utils/replaceableComponent";
import { mediaFromMxc } from "../../../customisations/Media"; import { mediaFromMxc } from "../../../customisations/Media";
@replaceableComponent("views.elements.AddressTile") interface IProps {
export default class AddressTile extends React.Component { address; // FIXME: UserAddressType should be an interface
static propTypes = { canDismiss?: boolean;
address: UserAddressType.isRequired, onDismissed?: () => void;
canDismiss: PropTypes.bool, justified?: boolean;
onDismissed: PropTypes.func, showAddress?: boolean;
justified: PropTypes.bool, }
};
@replaceableComponent("views.elements.AddressTile")
export default class AddressTile extends React.Component<IProps> {
static defaultProps = { static defaultProps = {
canDismiss: false, canDismiss: false,
onDismissed: function() {}, // NOP onDismissed: function() {}, // NOP
@ -70,9 +69,10 @@ export default class AddressTile extends React.Component {
info = ( info = (
<div className="mx_AddressTile_mx"> <div className="mx_AddressTile_mx">
<div className={nameClasses}>{ name }</div> <div className={nameClasses}>{ name }</div>
{ this.props.showAddress ? {
<div className={idClasses}>{ address.address }</div> : this.props.showAddress
<div /> ? <div className={idClasses}>{ address.address }</div>
: <div />
} }
</div> </div>
); );