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

Fix navicon

Browse source
This commit is contained in:
Ken-Håvard Lieng 2017-05-29 03:02:39 +02:00
parent a084e6d0af
commit fa9c5a9c16
4 changed files with 42 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

37
client/src/js/components/App.js
View file

@ -1,24 +1,29 @@
import React from 'react';
import React, { Component } from 'react';
import Route from '../containers/Route';
import Chat from '../containers/Chat';
import Connect from '../containers/Connect';
import Settings from '../containers/Settings';
import TabList from '../components/TabList';
const App = props => {
const { onClick, ...tabListProps } = props;
const mainClass = props.showTabList ? 'main-container off-canvas' : 'main-container';
export default class App extends Component {
handleClick = () => {
const { showTabList, hideMenu } = this.props;
if (showTabList) {
hideMenu();
}
};
return (
<div onClick={onClick}>
<TabList {...tabListProps} />
<div className={mainClass}>
<Route name="chat"><Chat /></Route>
<Route name="connect"><Connect /></Route>
<Route name="settings"><Settings /></Route>
render() {
const mainClass = this.props.showTabList ? 'main-container off-canvas' : 'main-container';
return (
<div onClick={this.handleClick}>
<TabList {...this.props} />
<div className={mainClass}>
<Route name="chat"><Chat /></Route>
<Route name="connect"><Connect /></Route>
<Route name="settings"><Settings /></Route>
</div>
</div>
</div>
);
};
export default App;
);
}
}