add ScrollToTop
This commit is contained in:
parent
f1883eeaf8
commit
ec933ce417
14
src/common/ScrollToTop/ScrollToTop.tsx
Normal file
14
src/common/ScrollToTop/ScrollToTop.tsx
Normal file
|
@ -0,0 +1,14 @@
|
||||||
|
import { useEffect } from 'react';
|
||||||
|
import { useLocation } from 'react-router-dom';
|
||||||
|
|
||||||
|
function ScrollToTop() {
|
||||||
|
const { pathname } = useLocation();
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
window.scrollTo(0, 0);
|
||||||
|
}, [pathname]);
|
||||||
|
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default ScrollToTop;
|
|
@ -4,6 +4,7 @@ import * as ROUTES from '@config/routes';
|
||||||
|
|
||||||
import { Switch, Route } from 'react-router-dom';
|
import { Switch, Route } from 'react-router-dom';
|
||||||
import { CssBaseline } from '@material-ui/core';
|
import { CssBaseline } from '@material-ui/core';
|
||||||
|
import ScrollToTop from '@common/ScrollToTop/ScrollToTop';
|
||||||
|
|
||||||
import IndexPage from './IndexPage/IndexPage';
|
import IndexPage from './IndexPage/IndexPage';
|
||||||
import NotFoundPage from './NotFoundPage/NotFoundPage';
|
import NotFoundPage from './NotFoundPage/NotFoundPage';
|
||||||
|
@ -24,6 +25,7 @@ function App() {
|
||||||
</Route>
|
</Route>
|
||||||
</Switch>
|
</Switch>
|
||||||
<CssBaseline />
|
<CssBaseline />
|
||||||
|
<ScrollToTop />
|
||||||
</Fragment>
|
</Fragment>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Reference in New Issue
Block a user