diff --git a/src/components/structures/RightPanel.js b/src/components/structures/RightPanel.js
index d2b36cf4e1..b34819137a 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 211848f54e..10741260e6 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
+}