From 91f083a2458bf0779bca38620fe42a50ab287c15 Mon Sep 17 00:00:00 2001 From: RMidhunSuresh Date: Wed, 26 May 2021 15:58:31 +0530 Subject: [PATCH] Add close button to RoomInfoView Signed-off-by: RMidhunSuresh --- .../web/ui/session/rightpanel/RoomInfoView.js | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/src/platform/web/ui/session/rightpanel/RoomInfoView.js b/src/platform/web/ui/session/rightpanel/RoomInfoView.js index 79753295..57190e7c 100644 --- a/src/platform/web/ui/session/rightpanel/RoomInfoView.js +++ b/src/platform/web/ui/session/rightpanel/RoomInfoView.js @@ -6,17 +6,14 @@ export class RoomInfoView extends TemplateView { render(t, vm) { const encryptionString = vm.isEncrypted ? "On" : "Off"; - return t.div({ className: "RoomInfo" }, [ + return t.div({ className: "RoomInfo" }, [ + this._createButton(), t.div({ className: "RoomAvatar" }, [t.view(new AvatarView(vm, 52)), this._createEncryptionIcon(vm.isEncrypted)]), - t.div({ className: "RoomName" }, [t.h2(vm.name)]), - t.div({ className: "RoomId" }, [text(vm.roomId)]), - this._createSideBarRow("People", vm.memberCount, { MemberCount: true }), - this._createSideBarRow("Encryption", encryptionString, { EncryptionStatus: true }) ]); } @@ -34,4 +31,8 @@ export class RoomInfoView extends TemplateView { return tag.div({ className: "RoomEncryption" }, [tag.div({ className: isEncrypted ? "encrypted" : "unencrypted" })]) } + + _createButton() { + return tag.div({ className: "buttons" }, [tag.div({ className: "close button-utility" })]); + } }