Scroll to top on routes changes done

    * simple fix for v4 router
    * need to integrate lint and clean

Author: bpalomino5

src/components/tools/ScrollToTop.js

@@ -0,0 +1,19 @@
+/* eslint-disable no-undef */
+import { Component } from 'react';
+import { withRouter } from 'react-router-dom';
+
+class ScrollToTop extends Component {
+  componentDidUpdate(prevProps) {
+    const { location } = this.props;
+    if (location.pathname !== prevProps.location.pathname) {
+      window.scrollTo(0, 0);
+    }
+  }
+
+  render() {
+    const { children } = this.props;
+    return children;
+  }
+}
+
+export default withRouter(ScrollToTop);

src/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { BrowserRouter } from 'react-router-dom';
+import ScrollToTop from './components/tools/ScrollToTop';
 
 import './index.css';
 import App from './App';
@@ -9,7 +10,9 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 
 const app = (
   <BrowserRouter>
-    <App />
+    <ScrollToTop>
+      <App />
+    </ScrollToTop>
   </BrowserRouter>
 );