From d7aba191cdfbf6f2f5e35bcaa94e011fafcde3dc Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Thu, 13 Aug 2020 23:55:35 +0300
Subject: feat: scroll to top on redirects

---
 src/containers/Page/Page.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

(limited to 'src/containers/Page/Page.tsx')

diff --git a/src/containers/Page/Page.tsx b/src/containers/Page/Page.tsx
index 848ca1d..c876dae 100644
--- a/src/containers/Page/Page.tsx
+++ b/src/containers/Page/Page.tsx
@@ -1,8 +1,8 @@
-import React, { Suspense } from 'react';
+import React, { Suspense,  useEffect } from 'react';
 import { makeStyles, useTheme } from '@material-ui/core/styles';
 import { useMediaQuery } from '@material-ui/core';
 import { SnackbarProvider } from 'notistack';
-import { Switch, Route } from 'react-router-dom';
+import { Switch, Route, useHistory } from 'react-router-dom';
 import Loading from '../../components/Loading/Loading';
 
 const Profile = React.lazy(() => import('../Profile/Profile'));
@@ -29,8 +29,15 @@ const useStyles = makeStyles(theme => ({
 const Page: React.FC = () => {
   const classes = useStyles();
   const theme = useTheme();
+  const history = useHistory();
   const isMobile = useMediaQuery(theme.breakpoints.down('sm'));
 
+  useEffect(() => {
+    return history.listen(() => {
+      window.scrollTo(0, 0);
+    });
+  }, [history])
+
   return (
     <SnackbarProvider
       preventDuplicate
-- 
cgit v1.2.3

