Made top routes components classes again

Otherwise hot-reload won't work https://github.com/gaearon/react-hot-loader/blob/master/docs/Troubleshooting.md#the-following-modules-couldnt-be-hot-updated-they-would-need-a-full-reload

Author: viatsko

static/src/components/Analytics.js

@@ -14,11 +14,16 @@ function mapDispatchToProps(dispatch) {
     return bindActionCreators(actionCreators, dispatch);
 }
 
-const Analytics = connect(mapStateToProps, mapDispatchToProps)(() =>
-    <div className="col-md-8">
-        <h1>Analytics</h1>
-        <hr />
-    </div>
-);
+@connect(mapStateToProps, mapDispatchToProps)
+class Analytics extends React.Component { // eslint-disable-line react/prefer-stateless-function
+    render() {
+        return (
+            <div className="col-md-8">
+                <h1>Analytics</h1>
+                <hr />
+            </div>
+        );
+    }
+}
 
 export default Analytics;

static/src/components/NotFound.js

@@ -16,10 +16,15 @@ function mapDispatchToProps(dispatch) {
     return bindActionCreators(actionCreators, dispatch);
 }
 
-const NotFound = connect(mapStateToProps, mapDispatchToProps)(() =>
-    <div className="col-md-8">
-        <h1>Not Found</h1>
-    </div>
-);
+@connect(mapStateToProps, mapDispatchToProps)
+class NotFound extends React.Component { // eslint-disable-line react/prefer-stateless-function
+    render() {
+        return (
+            <div className="col-md-8">
+                <h1>Not Found</h1>
+            </div>
+        );
+    }
+}
 
 export default NotFound;

static/src/containers/App/index.js

@@ -10,22 +10,29 @@ import { Footer } from '../../components/Footer';
 /* global styles for app */
 import './styles/app.scss';
 
-export const App = ({ children }) =>
-    <MuiThemeProvider muiTheme={getMuiTheme()}>
-        <section>
-            <Header />
-            <div
-              className="container"
-              style={{ marginTop: 10, paddingBottom: 250 }}
-            >
-                {children}
-            </div>
-            <div>
-                <Footer />
-            </div>
-        </section>
-    </MuiThemeProvider>;
+class App extends React.Component { // eslint-disable-line react/prefer-stateless-function
+    static propTypes = {
+        children: React.PropTypes.node,
+    };
 
-App.propTypes = {
-    children: React.PropTypes.node,
-};
+    render() {
+        return (
+            <MuiThemeProvider muiTheme={getMuiTheme()}>
+                <section>
+                    <Header />
+                    <div
+                      className="container"
+                      style={{ marginTop: 10, paddingBottom: 250 }}
+                    >
+                        {this.props.children}
+                    </div>
+                    <div>
+                        <Footer />
+                    </div>
+                </section>
+            </MuiThemeProvider>
+        );
+    }
+}
+
+export { App };