Hide menu when selecting tab

This commit is contained in:
Ken-Håvard Lieng 2015-12-30 22:32:14 +01:00
parent de1a2dd343
commit 22892a4073
2 changed files with 20 additions and 14 deletions

File diff suppressed because one or more lines are too long

View File

@ -4,6 +4,12 @@ import TabListItem from './TabListItem';
@pure @pure
export default class TabList extends Component { export default class TabList extends Component {
handleTabClick = (server, channel, pm) => {
const { select, hideMenu } = this.props;
select(server, channel, pm);
hideMenu();
}
handleConnectClick = () => { handleConnectClick = () => {
this.props.pushPath('/connect'); this.props.pushPath('/connect');
this.props.hideMenu(); this.props.hideMenu();
@ -15,7 +21,7 @@ export default class TabList extends Component {
} }
render() { render() {
const { channels, servers, privateChats, showMenu, select, selected } = this.props; const { channels, servers, privateChats, showMenu, selected } = this.props;
const className = showMenu ? 'tablist off-canvas' : 'tablist'; const className = showMenu ? 'tablist off-canvas' : 'tablist';
const tabs = []; const tabs = [];
@ -26,7 +32,7 @@ export default class TabList extends Component {
server server
content={servers.getIn([address, 'name'])} content={servers.getIn([address, 'name'])}
selected={selected.server === address && selected.channel === null && selected.user === null} selected={selected.server === address && selected.channel === null && selected.user === null}
onClick={() => select(address)} onClick={() => this.handleTabClick(address)}
/> />
); );
@ -36,7 +42,7 @@ export default class TabList extends Component {
key={address + channel.get('name')} key={address + channel.get('name')}
content={channel.get('name')} content={channel.get('name')}
selected={selected.server === address && selected.channel === name} selected={selected.server === address && selected.channel === name}
onClick={() => select(address, channel.get('name'))} onClick={() => this.handleTabClick(address, channel.get('name'))}
/> />
); );
}); });
@ -48,7 +54,7 @@ export default class TabList extends Component {
key={address + nick} key={address + nick}
content={nick} content={nick}
selected={selected.server === address && selected.user === nick} selected={selected.server === address && selected.user === nick}
onClick={() => select(address, nick, true)} onClick={() => this.handleTabClick(address, nick, true)}
/> />
); );
}); });