diff --git a/src/components/structures/RightPanel.js b/src/components/structures/RightPanel.js index d2b36cf4e..b34819137 100644 --- a/src/components/structures/RightPanel.js +++ b/src/components/structures/RightPanel.js @@ -109,6 +109,14 @@ module.exports = React.createClass({ } }, + onInviteButtonClick: function() { + // call ChatInviteDialog + dis.dispatch({ + action: 'view_invite', + roomId: this.props.roomId, + }); + }, + onRoomStateMember: function(ev, state, member) { // redraw the badge on the membership list if (this.state.phase == this.Phase.MemberList && member.roomId === this.props.roomId) { @@ -236,6 +244,12 @@ module.exports = React.createClass({ { panel }
+
+
+ +
+
Invite to this room
+
); diff --git a/src/skins/vector/css/vector-web/structures/RightPanel.css b/src/skins/vector/css/vector-web/structures/RightPanel.css index 211848f54..10741260e 100644 --- a/src/skins/vector/css/vector-web/structures/RightPanel.css +++ b/src/skins/vector/css/vector-web/structures/RightPanel.css @@ -103,3 +103,26 @@ limitations under the License. -webkit-flex: 0 0 60px; flex: 0 0 60px; } + +.mx_RightPanel_footer .mx_RightPanel_invite { + line-height: 35px; + font-size: 14px; + color: #454545; + padding-top: 13px; + padding-left: 5px; +} + +.mx_RightPanel_invite .mx_RightPanel_icon { + display: inline-block; + cursor: pointer; +} + +.mx_RightPanel_invite .mx_RightPanel_icon object { + pointer-events: none; +} + +.mx_RightPanel_invite .mx_RightPanel_message { + display: inline-block; + vertical-align: top; + padding-left: 10px +}