diff --git a/src/components/structures/RightPanel.js b/src/components/structures/RightPanel.js index ca9376e1..0f8cdf2c 100644 --- a/src/components/structures/RightPanel.js +++ b/src/components/structures/RightPanel.js @@ -28,6 +28,7 @@ module.exports = React.createClass({ Phase : { MemberList: 'MemberList', FileList: 'FileList', + NotificationPanel: 'NotificationPanel', MemberInfo: 'MemberInfo', }, @@ -108,12 +109,14 @@ module.exports = React.createClass({ render: function() { var MemberList = sdk.getComponent('rooms.MemberList'); + var NotificationPanel = sdk.getComponent('structures.NotificationPanel'); var TintableSvg = sdk.getComponent("elements.TintableSvg"); var buttonGroup; var panel; var filesHighlight; var membersHighlight; + var notificationsHighlight; if (!this.props.collapsed) { if (this.state.phase == this.Phase.MemberList || this.state.phase === this.Phase.MemberInfo) { membersHighlight =
; @@ -121,6 +124,9 @@ module.exports = React.createClass({ else if (this.state.phase == this.Phase.FileList) { filesHighlight =
; } + else if (this.state.phase == this.Phase.NotificationPanel) { + notificationsHighlight =
; + } } var membersBadge; @@ -144,16 +150,23 @@ module.exports = React.createClass({ { filesHighlight } +
+ + { notificationsHighlight } +
; if (!this.props.collapsed) { - if(this.state.phase == this.Phase.MemberList) { + if (this.state.phase == this.Phase.MemberList) { panel = } - else if(this.state.phase == this.Phase.MemberInfo) { + else if (this.state.phase == this.Phase.MemberInfo) { var MemberInfo = sdk.getComponent('rooms.MemberInfo'); panel = } + else if (this.state.phase == this.Phase.NotificationPanel) { + panel = + } } }