mirror of
https://github.com/elyby/accounts-frontend.git
synced 2024-08-26 14:39:59 +05:30
37 lines
775 B
TypeScript
37 lines
775 B
TypeScript
import { RouteComponentProps } from 'react-router-dom';
|
|
import React from 'react';
|
|
import { withRouter } from 'react-router-dom';
|
|
import { restoreScroll } from './scroll';
|
|
|
|
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);
|