diff --git a/webapp/components/channel_header.jsx b/webapp/components/channel_header.jsx index 5757fd3b2e..573949a5e0 100644 --- a/webapp/components/channel_header.jsx +++ b/webapp/components/channel_header.jsx @@ -367,6 +367,24 @@ export default class ChannelHeader extends React.Component { ); + } else { + dropdownContents.push( +
  • + this.setState({showMembersModal: true})} + > + + +
  • + ); } } @@ -586,6 +604,7 @@ export default class ChannelHeader extends React.Component { show={this.state.showMembersModal} onModalDismissed={() => this.setState({showMembersModal: false})} channel={channel} + isAdmin={isAdmin} /> ); } @@ -218,5 +223,6 @@ ChannelMembersModal.defaultProps = { ChannelMembersModal.propTypes = { show: React.PropTypes.bool.isRequired, onModalDismissed: React.PropTypes.func.isRequired, - channel: React.PropTypes.object.isRequired + channel: React.PropTypes.object.isRequired, + isAdmin: React.PropTypes.bool.isRequired }; diff --git a/webapp/components/member_list_team.jsx b/webapp/components/member_list_team.jsx index d0714e942a..9f18fba33e 100644 --- a/webapp/components/member_list_team.jsx +++ b/webapp/components/member_list_team.jsx @@ -60,17 +60,23 @@ export default class MemberListTeam extends React.Component { } render() { + let teamMembersDropdown = null; + if (this.props.isAdmin) { + teamMembersDropdown = [TeamMembersDropdown]; + } + return ( ); } } MemberListTeam.propTypes = { - style: React.PropTypes.object + style: React.PropTypes.object, + isAdmin: React.PropTypes.bool }; diff --git a/webapp/components/navbar_dropdown.jsx b/webapp/components/navbar_dropdown.jsx index c660bc1648..8eb0a93a9c 100644 --- a/webapp/components/navbar_dropdown.jsx +++ b/webapp/components/navbar_dropdown.jsx @@ -158,18 +158,14 @@ export default class NavbarDropdown extends React.Component { } } - if (isAdmin) { - manageLink = ( -
  • - - - -
  • - ); + let membersName = ( + + ); + if (isAdmin) { teamSettings = (
  • ); + } else { + membersName = ( + + ); } + manageLink = ( +
  • + + {membersName} + +
  • + ); + const integrationsEnabled = window.mm_config.EnableIncomingWebhooks === 'true' || window.mm_config.EnableOutgoingWebhooks === 'true' || diff --git a/webapp/components/team_members_modal.jsx b/webapp/components/team_members_modal.jsx index 9b8729b3ac..7f44ca85c1 100644 --- a/webapp/components/team_members_modal.jsx +++ b/webapp/components/team_members_modal.jsx @@ -66,7 +66,10 @@ export default class TeamMembersModal extends React.Component { - +