Merge pull request #105 from jorilallo/scroll-to-top

Scroll to top

frontend/components/ScrollToTop/ScrollToTop.js

@@ -0,0 +1,18 @@
+// @flow
+// based on: https://reacttraining.com/react-router/web/guides/scroll-restoration
+import { Component } from 'react';
+import { withRouter } from 'react-router';
+
+class ScrollToTop extends Component {
+  componentDidUpdate(prevProps) {
+    if (this.props.location !== prevProps.location) {
+      window.scrollTo(0, 0);
+    }
+  }
+
+  render() {
+    return this.props.children;
+  }
+}
+
+export default withRouter(ScrollToTop);

frontend/components/ScrollToTop/index.js

@@ -0,0 +1,3 @@
+// @flow
+import ScrollToTop from './ScrollToTop';
+export default ScrollToTop;