migration

Author: MacKentoch

front/src/components/scrollToTop/ScrollToTop.js

@@ -0,0 +1,37 @@
+import React, { Fragment, useEffect, useRef } from 'react';
+import { withRouter, RouteComponentProps } from 'react-router';
+import { Location } from 'history';
+
+// #region types
+type Props = {
+  children: any;
+} & RouteComponentProps;
+// #endregion
+
+function useScrollToTopOnLocationChange(location: any) {
+  const prevLocation = useRef<Location | null>(null);
+
+  useEffect(() => {
+    prevLocation.current = location;
+  }, []);
+
+  useEffect(
+    () => {
+      if (prevLocation.current !== location) {
+        window && window.scrollTo(0, 0);
+        prevLocation.current = location;
+      }
+    },
+    [location],
+  );
+}
+
+function ScrollToTop({ children, location }: Props) {
+  useScrollToTopOnLocationChange(location);
+
+  return <Fragment>{children}</Fragment>;
+}
+
+ScrollToTop.displayName = 'ScrollToTop';
+
+export default withRouter(ScrollToTop);

front/src/components/scrollToTop/ScrollToTop.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import { MemoryRouter } from 'react-router';
+import ScrollToTop from '../ScrollToTop';
+
+describe('ScrollToTop component', () => {
+  it('renders as expected', () => {
+    const component = shallow(
+      <MemoryRouter>
+        <ScrollToTop>
+          <p>a child</p>
+        </ScrollToTop>
+      </MemoryRouter>,
+    );
+
+    expect(component).toMatchSnapshot();
+  });
+});