accounts-frontend/packages/app/components/ui/scroll/ScrollIntoView.tsx

37 lines
775 B
TypeScript
Raw Normal View History

2019-12-07 16:58:52 +05:30
import { RouteComponentProps } from 'react-router-dom';
import React from 'react';
import { withRouter } from 'react-router-dom';
import { restoreScroll } from './scroll';
2019-12-07 16:58:52 +05:30
class ScrollIntoView extends React.PureComponent<
RouteComponentProps & {
top?: boolean; // do not touch any DOM and simply scroll to top on location change
}
> {
componentDidMount() {
this.onPageUpdate();
}
componentDidUpdate(prevProps) {
if (this.props.location !== prevProps.location) {
this.onPageUpdate();
}
}
onPageUpdate() {
if (this.props.top) {
restoreScroll();
}
}
render() {
if (this.props.top) {
return null;
}
return <span ref={el => el && restoreScroll(el)} />;
}
}
export default withRouter(ScrollIntoView);