From 156901ce62aaf7a836248060919c42c02b7a1d5f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Tue, 20 Jul 2021 11:19:29 +0200
Subject: [PATCH] Convert AddressTile to TS
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
---
 .../{AddressTile.js => AddressTile.tsx}       | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)
 rename src/components/views/elements/{AddressTile.js => AddressTile.tsx} (89%)

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