From cd0888ce5a983429c867f5266daf2606a15d529c Mon Sep 17 00:00:00 2001
From: Luke Barnard <lukeb@openmarket.com>
Date: Wed, 25 Oct 2017 15:27:23 +0100
Subject: [PATCH] Highlight group members icon in group member info
---
src/components/structures/RightPanel.js | 12 +++++++-----
1 file changed, 7 insertions(+), 5 deletions(-)
diff --git a/src/components/structures/RightPanel.js b/src/components/structures/RightPanel.js
index 0225f765..5ee27fb2 100644
--- a/src/components/structures/RightPanel.js
+++ b/src/components/structures/RightPanel.js
@@ -248,6 +248,11 @@ module.exports = React.createClass({
}
}
+ const isPhaseGroup = [
+ this.Phase.GroupMemberInfo,
+ this.Phase.GroupMemberList
+ ].includes(this.state.phase);
+
let headerButtons = [];
if (this.props.roomId) {
headerButtons = [
@@ -271,7 +276,7 @@ module.exports = React.createClass({
} else if (this.props.groupId) {
headerButtons = [
<HeaderButton key="_groupMembersButton" title={_t('Members')} iconSrc="img/icons-people.svg"
- isHighlighted={this.state.phase === this.Phase.GroupMemberList}
+ isHighlighted={isPhaseGroup}
clickPhase={this.Phase.GroupMemberList}
analytics={['Right Panel', 'Group Member List Button', 'click']}
/>,
@@ -325,10 +330,7 @@ module.exports = React.createClass({
if (this.props.groupId &&
GroupStoreCache.getGroupStore(this.context.matrixClient, this.props.groupId).isUserPrivileged()
) {
- inviteGroup = [
- this.Phase.GroupMemberInfo,
- this.Phase.GroupMemberList,
- ].includes(this.state.phase) ? (
+ inviteGroup = isPhaseGroup ? (
<AccessibleButton className="mx_RightPanel_invite" onClick={ this.onInviteButtonClick } >
<div className="mx_RightPanel_icon" >
<TintableSvg src="img/icon-invite-people.svg" width="35" height="35" />