Convert AddressTile to TS
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>pull/21833/head
parent
28871ee07d
commit
156901ce62
|
@ -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>
|
||||||
);
|
);
|
Loading…
Reference in New Issue