tanner/qotnews
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

refactor: Convert ScrollToTop to functional component with hooks

Browse Source
This commit is contained in:
Tanner Collin (aider)
2025-07-07 18:15:25 +00:00
committed by Tanner Collin
parent 366e76e25d
commit f61cfc09b0
1 changed files with 8 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
webclient/src/ScrollToTop.js
View File

@@ -1,14 +1,10 @@
import React from 'react'; import { useEffect } from 'react';
import { withRouter } from 'react-router-dom'; import { useLocation } from 'react-router-dom';
class ScrollToTop extends React.Component { function ScrollToTop() {
componentDidUpdate(prevProps) { const { pathname } = useLocation();
//console.log(this.props.location.pathname, prevProps.location.pathname);
if (this.props.location.pathname === prevProps.location.pathname) {
return;
}
useEffect(() => {
if (localStorage.getItem('scrollLock') === 'True') { if (localStorage.getItem('scrollLock') === 'True') {
localStorage.setItem('scrollLock', 'False'); localStorage.setItem('scrollLock', 'False');
return; return;
@@ -16,11 +12,9 @@ class ScrollToTop extends React.Component {
window.scrollTo(0, 0); window.scrollTo(0, 0);
document.body.scrollTop = 0; document.body.scrollTop = 0;
} }, [pathname]);
render() {
return null; return null;
} }
}
export default withRouter(ScrollToTop); export default ScrollToTop;