diff --git a/src/domain/session/room/timeline/tiles/ImageTile.js b/src/domain/session/room/timeline/tiles/ImageTile.js index 5a6f7376..98b8a791 100644 --- a/src/domain/session/room/timeline/tiles/ImageTile.js +++ b/src/domain/session/room/timeline/tiles/ImageTile.js @@ -11,7 +11,7 @@ export class ImageTile extends MessageTile { get thumbnailUrl() { const mxcUrl = this._getContent().url; - return this._room.mxcUrlThumbnail(mxcUrl, this.thumbnailWidth, this.thumbnailHeigth, "scale"); + return this._room.mxcUrlThumbnail(mxcUrl, this.thumbnailWidth, this.thumbnailHeight, "scale"); } get url() { @@ -33,7 +33,7 @@ export class ImageTile extends MessageTile { return Math.round(info.w * this._scaleFactor()); } - get thumbnailHeigth() { + get thumbnailHeight() { const {info} = this._getContent(); return Math.round(info.h * this._scaleFactor()); } diff --git a/src/ui/web/session/room/timeline/ImageView.js b/src/ui/web/session/room/timeline/ImageView.js index 725fbf4e..55c57d62 100644 --- a/src/ui/web/session/room/timeline/ImageView.js +++ b/src/ui/web/session/room/timeline/ImageView.js @@ -7,7 +7,7 @@ export class ImageView extends TemplateView { t.div({className: "message-container"}, [ t.div({className: "sender"}, vm => vm.isContinuation ? "" : vm.sender), t.div(t.a({href: vm.url, target: "_blank"}, - t.img({src: vm.thumbnailUrl, width: vm.thumbnailWidth, heigth: vm.thumbnailHeigth, loading: "lazy", alt: vm.label}))), + t.img({src: vm.thumbnailUrl, width: vm.thumbnailWidth, height: vm.thumbnailHeight, loading: "lazy", alt: vm.label}))), t.p(t.time(vm.date + " " + vm.time)), ]) );