diff --git a/src/@types/svg.d.ts b/src/@types/svg.d.ts new file mode 100644 index 0000000000..156473a5c9 --- /dev/null +++ b/src/@types/svg.d.ts @@ -0,0 +1,4 @@ +declare module "*.svg" { + const content: any; + export default content; +} diff --git a/src/components/views/elements/AddressTile.tsx b/src/components/views/elements/AddressTile.tsx index 5f7535a82f..cdeb7cacd6 100644 --- a/src/components/views/elements/AddressTile.tsx +++ b/src/components/views/elements/AddressTile.tsx @@ -22,6 +22,7 @@ import { replaceableComponent } from "../../../utils/replaceableComponent"; import { mediaFromMxc } from "../../../customisations/Media"; import { IUserAddress } from '../../../UserAddress'; import BaseAvatar from '../avatars/BaseAvatar'; +import EmailUserIcon from "../../../../res/img/icon-email-user.svg"; interface IProps { address: IUserAddress; @@ -49,8 +50,7 @@ export default class AddressTile extends React.Component { if (isMatrixAddress && address.avatarMxc) { imgUrls.push(mediaFromMxc(address.avatarMxc).getSquareThumbnailHttp(25)); } else if (address.addressType === 'email') { - // eslint-disable-next-line @typescript-eslint/no-var-requires - imgUrls.push(require("../../../../res/img/icon-email-user.svg")); + imgUrls.push(EmailUserIcon); } const nameClasses = classNames({