jamesblashill

describe('ViewState', () => {
  test('default state', () => {
    const viewState = new ViewState();
    expect(viewState.showSomething).toBe(false);
  });

  test('toggleShowingSomething()', () => {
    const viewState = new ViewState();
    viewState.toggleShowingSomething();
    expect(viewState.showSomething).toBe(true);

jamesblashill

export const ScrollIntoView: React.FC<IProps> = memo(
  withRouter<IWithRouterProps, React.FC<IWithRouterProps>>(
    ({ id, className, children, top, location }) => {
      const ref = useRef<HTMLDivElement>(null);

      useEffect(() => {
        if (location.hash === `#${id}` && ref.current) {
          ref.current.scrollIntoView();
        }
      }, [location]);