diff options
author | Joram Wilander <jwawilander@gmail.com> | 2015-09-21 11:18:24 -0400 |
---|---|---|
committer | Joram Wilander <jwawilander@gmail.com> | 2015-09-21 11:18:24 -0400 |
commit | a35fa9c974833c34fe972ee44ba80eb828e7aaf0 (patch) | |
tree | 2aa3cfaef89d0d381a950b13a63cff2599547fa2 | |
parent | eaaa30f6a27bd36fad6e28be4cb74e40bf06fced (diff) | |
parent | 05b4a14d1ed5e9aaf94e12626c29d8ec6a3f8cdb (diff) | |
download | chat-a35fa9c974833c34fe972ee44ba80eb828e7aaf0.tar.gz chat-a35fa9c974833c34fe972ee44ba80eb828e7aaf0.tar.bz2 chat-a35fa9c974833c34fe972ee44ba80eb828e7aaf0.zip |
Merge pull request #732 from mattermost/plt-243
PLT-243 Adding new create channel modal to the more menu
-rw-r--r-- | web/react/components/more_channels.jsx | 21 |
1 files changed, 13 insertions, 8 deletions
diff --git a/web/react/components/more_channels.jsx b/web/react/components/more_channels.jsx index ba8be12b2..65cd40975 100644 --- a/web/react/components/more_channels.jsx +++ b/web/react/components/more_channels.jsx @@ -6,6 +6,7 @@ var client = require('../utils/client.jsx'); var asyncClient = require('../utils/async_client.jsx'); var ChannelStore = require('../stores/channel_store.jsx'); var LoadingScreen = require('./loading_screen.jsx'); +var NewChannelFlow = require('./new_channel_flow.jsx'); function getStateFromStores() { return { @@ -25,6 +26,7 @@ export default class MoreChannels extends React.Component { var initState = getStateFromStores(); initState.channelType = ''; initState.joiningChannel = -1; + initState.showNewChannelModal = false; this.state = initState; } componentDidMount() { @@ -66,6 +68,7 @@ export default class MoreChannels extends React.Component { } handleNewChannel() { $(React.findDOMNode(this.refs.modal)).modal('hide'); + this.setState({showNewChannelModal: true}); } render() { var serverError; @@ -148,20 +151,22 @@ export default class MoreChannels extends React.Component { className='close' data-dismiss='modal' > - <span aria-hidden='true'>×</span> - <span className='sr-only'>Close</span> + <span aria-hidden='true'>{'×'}</span> + <span className='sr-only'>{'Close'}</span> </button> - <h4 className='modal-title'>More Channels</h4> + <h4 className='modal-title'>{'More Channels'}</h4> <button - data-toggle='modal' - data-target='#new_channel' - data-channeltype={this.state.channelType} type='button' className='btn btn-primary channel-create-btn' onClick={this.handleNewChannel} > - Create New Channel + {'Create New Channel'} </button> + <NewChannelFlow + show={this.state.showNewChannelModal} + channelType={this.state.channelType} + onModalDismissed={() => this.setState({showNewChannelModal: false})} + /> </div> <div className='modal-body'> {moreChannels} @@ -173,7 +178,7 @@ export default class MoreChannels extends React.Component { className='btn btn-default' data-dismiss='modal' > - Close + {'Close'} </button> </div> </div> |