e2m/dispatch
4
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Make userlist responsive

Browse source
This commit is contained in:
Ken-Håvard Lieng 2016-01-11 23:31:06 +01:00
parent 937560e859
commit 67b83fa3d6
15 changed files with 115 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

11
client/src/js/containers/App.js
View file

@ -3,13 +3,14 @@ import { connect } from 'react-redux';
import { pushPath } from 'redux-simple-router';
import pure from 'pure-render-decorator';
import TabList from '../components/TabList';
import * as actions from '../actions/tab';
import { select } from '../actions/tab';
import { hideMenu } from '../actions/ui';
@pure
class App extends Component {
render() {
const { showMenu, children } = this.props;
const mainClass = showMenu ? 'main-container off-canvas' : 'main-container';
const { showTabList, children } = this.props;
const mainClass = showTabList ? 'main-container off-canvas' : 'main-container';
return (
<div>
<TabList {...this.props} />
@ -26,9 +27,9 @@ function mapStateToProps(state) {
servers: state.servers,
channels: state.channels,
privateChats: state.privateChats,
showMenu: state.showMenu,
showTabList: state.ui.showTabList,
selected: state.tab.selected
};
}
export default connect(mapStateToProps, { pushPath, ...actions })(App);
export default connect(mapStateToProps, { pushPath, select, hideMenu })(App);