diff --git a/src/components/views/dialogs/AddressPickerDialog.tsx b/src/components/views/dialogs/AddressPickerDialog.tsx index 807ce9d7f0..1313e42983 100644 --- a/src/components/views/dialogs/AddressPickerDialog.tsx +++ b/src/components/views/dialogs/AddressPickerDialog.tsx @@ -21,7 +21,6 @@ import React, { createRef } from 'react'; import { sleep } from "matrix-js-sdk/src/utils"; import { _t, _td } from '../../../languageHandler'; -import * as sdk from '../../../index'; import { MatrixClientPeg } from '../../../MatrixClientPeg'; import dis from '../../../dispatcher/dispatcher'; import { AddressType, addressTypes, getAddressType, IUserAddress } from '../../../UserAddress'; @@ -34,6 +33,9 @@ import { Key } from "../../../Keyboard"; import { Action } from "../../../dispatcher/actions"; import { replaceableComponent } from "../../../utils/replaceableComponent"; import AddressSelector from '../elements/AddressSelector'; +import AddressTile from '../elements/AddressTile'; +import BaseDialog from "./BaseDialog"; +import DialogButtons from "../elements/DialogButtons"; const TRUNCATE_QUERY_LIST = 40; const QUERY_USER_DIRECTORY_DEBOUNCE_MS = 200; @@ -621,10 +623,6 @@ export default class AddressPickerDialog extends React.Component }; render() { - const BaseDialog = sdk.getComponent('views.dialogs.BaseDialog'); - const DialogButtons = sdk.getComponent('views.elements.DialogButtons'); - const AddressSelector = sdk.getComponent("elements.AddressSelector"); - let inputLabel; if (this.props.description) { inputLabel =
@@ -635,7 +633,6 @@ export default class AddressPickerDialog extends React.Component const query = []; // create the invite list if (this.state.selectedList.length > 0) { - const AddressTile = sdk.getComponent("elements.AddressTile"); for (let i = 0; i < this.state.selectedList.length; i++) { query.push( { render() { let tooltip; if (this.state.showTooltip) { - const Tooltip = sdk.getComponent("elements.Tooltip"); tooltip = ; } diff --git a/src/components/views/elements/AddressSelector.tsx b/src/components/views/elements/AddressSelector.tsx index d05f843570..62474097d3 100644 --- a/src/components/views/elements/AddressSelector.tsx +++ b/src/components/views/elements/AddressSelector.tsx @@ -16,10 +16,10 @@ limitations under the License. */ import React, { createRef } from 'react'; -import * as sdk from '../../../index'; import classNames from 'classnames'; import { replaceableComponent } from "../../../utils/replaceableComponent"; import { IUserAddress } from '../../../UserAddress'; +import AddressTile from './AddressTile'; interface IProps { onSelected: (index: number) => void; @@ -128,7 +128,6 @@ export default class AddressSelector extends React.Component { }; private createAddressListTiles(): JSX.Element[] { - const AddressTile = sdk.getComponent("elements.AddressTile"); const maxSelected = this.maxSelected(this.props.addressList); const addressList = []; @@ -156,8 +155,6 @@ export default class AddressSelector extends React.Component { address={this.props.addressList[i]} showAddress={this.props.showAddress} justified={true} - networkName="vector" - networkUrl={require("../../../../res/img/search-icon-vector.svg")} />
, ); diff --git a/src/components/views/elements/AddressTile.tsx b/src/components/views/elements/AddressTile.tsx index f5e3a5b36b..5f7535a82f 100644 --- a/src/components/views/elements/AddressTile.tsx +++ b/src/components/views/elements/AddressTile.tsx @@ -17,11 +17,11 @@ limitations under the License. import React from 'react'; import classNames from 'classnames'; -import * as sdk from "../../../index"; import { _t } from '../../../languageHandler'; import { replaceableComponent } from "../../../utils/replaceableComponent"; import { mediaFromMxc } from "../../../customisations/Media"; import { IUserAddress } from '../../../UserAddress'; +import BaseAvatar from '../avatars/BaseAvatar'; interface IProps { address: IUserAddress; @@ -53,8 +53,6 @@ export default class AddressTile extends React.Component { imgUrls.push(require("../../../../res/img/icon-email-user.svg")); } - const BaseAvatar = sdk.getComponent('avatars.BaseAvatar'); - const nameClasses = classNames({ "mx_AddressTile_name": true, "mx_AddressTile_justified": this.props.justified, diff --git a/src/components/views/elements/AppPermission.tsx b/src/components/views/elements/AppPermission.tsx index b9ef29483f..8dc874381a 100644 --- a/src/components/views/elements/AppPermission.tsx +++ b/src/components/views/elements/AppPermission.tsx @@ -18,13 +18,16 @@ limitations under the License. import React from 'react'; import url from 'url'; -import * as sdk from '../../../index'; import { _t } from '../../../languageHandler'; import SdkConfig from '../../../SdkConfig'; import WidgetUtils from "../../../utils/WidgetUtils"; import { MatrixClientPeg } from "../../../MatrixClientPeg"; import { replaceableComponent } from "../../../utils/replaceableComponent"; import { RoomMember } from 'matrix-js-sdk/src/models/room-member'; +import MemberAvatar from '../avatars/MemberAvatar'; +import BaseAvatar from '../avatars/BaseAvatar'; +import AccessibleButton from './AccessibleButton'; +import TextWithTooltip from "./TextWithTooltip"; interface IProps { url: string; @@ -88,10 +91,6 @@ export default class AppPermission extends React.Component { render() { const brand = SdkConfig.get().brand; - const AccessibleButton = sdk.getComponent("views.elements.AccessibleButton"); - const MemberAvatar = sdk.getComponent("views.avatars.MemberAvatar"); - const BaseAvatar = sdk.getComponent("views.avatars.BaseAvatar"); - const TextWithTooltip = sdk.getComponent("views.elements.TextWithTooltip"); const displayName = this.state.roomMember ? this.state.roomMember.name : this.props.creatorUserId; const userId = displayName === this.props.creatorUserId ? null : this.props.creatorUserId;