Fix navicon

client/src/js/components/App.js

@@ -1,17 +1,23 @@
-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();
+    }
+  };
 
+  render() {
+    const mainClass = this.props.showTabList ? 'main-container off-canvas' : 'main-container';
     return (
-    <div onClick={onClick}>
-      <TabList {...tabListProps} />
+      <div onClick={this.handleClick}>
+        <TabList {...this.props} />
         <div className={mainClass}>
           <Route name="chat"><Chat /></Route>
           <Route name="connect"><Connect /></Route>
@@ -19,6 +25,5 @@ const App = props => {
         </div>
       </div>
     );
-};
-
-export default App;
+  }
+}

client/src/js/components/ChatTitle.js

@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react';
 import { List } from 'immutable';
-import Navicon from '../components/Navicon';
+import Navicon from '../containers/Navicon';
 import { linkify } from '../util';
 
 export default class ChatTitle extends PureComponent {

client/src/js/containers/App.js

@@ -1,4 +1,3 @@
-import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import { createStructuredSelector } from 'reselect';
 import App from '../components/App';
@@ -17,13 +16,6 @@ const mapState = createStructuredSelector({
   tab: getSelectedTab
 });
 
-const mapDispatch = (dispatch, props) => ({
-  onClick: () => {
-    if (props.showTabList) {
-      dispatch(hideMenu());
-    }
-  },
-  ...bindActionCreators({ push, select }, dispatch)
-});
+const mapDispatch = { push, select, hideMenu };
 
 export default connect(mapState, mapDispatch)(App);