scroll to top after navigation

frontend/src/component/app.jsx

@@ -26,29 +26,26 @@ function replace (input, params) {
 }
 
 export default class App extends Component {
-    constructor (props) {
-        super(props);
-        this.state = { drawerActive: false };
 
-        this.toggleDrawerActive = () => {
-            this.setState({ drawerActive: !this.state.drawerActive });
-        };
-    }
     static contextTypes = {
         router: React.PropTypes.object,
     }
 
     componentWillReceiveProps (nextProps) {
-        // copied from https://github.com/react-mdl/react-mdl/issues/254
-        // If our locations are different and drawer is open,
-        // force a close
         if (this.props.location.pathname !== nextProps.location.pathname) {
+            clearTimeout(this.timer);
+            this.timer = setTimeout(() => {
+                window.requestAnimationFrame(() => {
+                    document.querySelector('.mdl-layout__content').scrollTop = 0;
+                });
+
                 const layout = document.querySelector('.mdl-js-layout');
                 const drawer = document.querySelector('.mdl-layout__drawer');
-
+                // hack, might get a built in alternative later
                 if (drawer.classList.contains('is-visible')) {
                     layout.MaterialLayout.toggleDrawer();
                 }
+            }, 10);
         }
     }
 
@@ -92,8 +89,6 @@ export default class App extends Component {
         );
     }
 
-    onOverlayClick = () => this.setState({ drawerActive: false });
-
     render () {
         const createListItem = (path, caption, icon) =>
             <a
@@ -169,29 +164,5 @@ export default class App extends Component {
                 </Layout>
             </div>
         );
-
-
-
-        return (
-            <div className={style.container}>
-                <AppBar title="Unleash Admin" leftIcon="menu" onLeftIconClick={this.toggleDrawerActive} className={style.appBar}>
-
-                </AppBar>
-                <div className={style.container} style={{ top: '6.4rem' }}>
-                    <Layout>
-                        <NavDrawer active={this.state.drawerActive} permanentAt="sm" onOverlayClick={this.onOverlayClick} >
-                            <Navigation />
-                        </NavDrawer>
-                        <Panel scrollY>
-                            <div style={{ padding: '1.8rem' }}>
-
-                                {this.props.children}
-                            </div>
-                        </Panel>
-
-                    </Layout>
-                </div>
-            </div>
-        );
     }
 };