diff options
author | Christopher Speller <crspeller@gmail.com> | 2016-02-22 15:03:04 -0500 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2016-02-22 15:03:04 -0500 |
commit | 12fd1ddc95e1cc5320aa52afe8adc1937a8d606d (patch) | |
tree | 190ea30915892e1bccae86eb9d8d251c3e5ae42b /web/react/components/navbar.jsx | |
parent | bc69f2aae0cdc030adbebadd51d388d35e63950f (diff) | |
parent | 5ddd227985f5681fb239407397de3784d76bb528 (diff) | |
download | chat-12fd1ddc95e1cc5320aa52afe8adc1937a8d606d.tar.gz chat-12fd1ddc95e1cc5320aa52afe8adc1937a8d606d.tar.bz2 chat-12fd1ddc95e1cc5320aa52afe8adc1937a8d606d.zip |
Merge pull request #2210 from hmhealey/plt1258
PLT-1258 Ported RenameChannelModal to React-Bootstrap
Diffstat (limited to 'web/react/components/navbar.jsx')
-rw-r--r-- | web/react/components/navbar.jsx | 38 |
1 files changed, 27 insertions, 11 deletions
diff --git a/web/react/components/navbar.jsx b/web/react/components/navbar.jsx index a06fb449b..85a6de6c8 100644 --- a/web/react/components/navbar.jsx +++ b/web/react/components/navbar.jsx @@ -5,11 +5,11 @@ import EditChannelHeaderModal from './edit_channel_header_modal.jsx'; import EditChannelPurposeModal from './edit_channel_purpose_modal.jsx'; import MessageWrapper from './message_wrapper.jsx'; import NotifyCounts from './notify_counts.jsx'; -import ChannelMembersModal from './channel_members_modal.jsx'; import ChannelInfoModal from './channel_info_modal.jsx'; import ChannelInviteModal from './channel_invite_modal.jsx'; import ChannelNotificationsModal from './channel_notifications_modal.jsx'; import DeleteChannelModal from './delete_channel_modal.jsx'; +import RenameChannelModal from './rename_channel_modal.jsx'; import ToggleModalButton from './toggle_modal_button.jsx'; import UserStore from '../stores/user_store.jsx'; @@ -39,6 +39,8 @@ export default class Navbar extends React.Component { this.showSearch = this.showSearch.bind(this); this.showEditChannelHeaderModal = this.showEditChannelHeaderModal.bind(this); + this.showRenameChannelModal = this.showRenameChannelModal.bind(this); + this.hideRenameChannelModal = this.hideRenameChannelModal.bind(this); this.createCollapseButtons = this.createCollapseButtons.bind(this); this.createDropdown = this.createDropdown.bind(this); @@ -47,6 +49,7 @@ export default class Navbar extends React.Component { state.showEditChannelPurposeModal = false; state.showEditChannelHeaderModal = false; state.showMembersModal = false; + state.showRenameChannelModal = false; this.state = state; } getStateFromStores() { @@ -128,6 +131,18 @@ export default class Navbar extends React.Component { showEditChannelHeaderModal: true }); } + showRenameChannelModal(e) { + e.preventDefault(); + + this.setState({ + showRenameChannelModal: true + }); + } + hideRenameChannelModal() { + this.setState({ + showRenameChannelModal: false + }); + } createDropdown(channel, channelTitle, isAdmin, isDirect, popoverContent) { if (channel) { var viewInfoOption = ( @@ -253,11 +268,7 @@ export default class Navbar extends React.Component { <a role='menuitem' href='#' - data-toggle='modal' - data-target='#rename_channel' - data-display={channel.display_name} - data-name={channel.name} - data-channelid={channel.id} + onClick={this.showRenameChannelModal} > <FormattedMessage id='navbar.rename' @@ -410,6 +421,7 @@ export default class Navbar extends React.Component { var editChannelHeaderModal = null; var editChannelPurposeModal = null; + let renameChannelModal = null; if (channel) { popoverContent = ( @@ -492,6 +504,14 @@ export default class Navbar extends React.Component { channel={channel} /> ); + + renameChannelModal = ( + <RenameChannelModal + show={this.state.showRenameChannelModal} + onHide={this.hideRenameChannelModal} + channel={channel} + /> + ); } var collapseButtons = this.createCollapseButtons(currentId); @@ -524,11 +544,7 @@ export default class Navbar extends React.Component { </nav> {editChannelHeaderModal} {editChannelPurposeModal} - <ChannelMembersModal - show={this.state.showMembersModal} - onModalDismissed={() => this.setState({showMembersModal: false})} - channel={{channel}} - /> + {renameChannelModal} </div> ); } |