gistfile1.txt

import React from 'react';
import debounce from 'lodash/debounce';
import { InfinitePanel } from '../shared';

const withInfiniteScroll = WrappedComponent => class InfiniteScroll extends WrappedComponent {
  constructor(props) {
    super(props);
    this.infiniteRef = React.createRef();
    this.debouncedHandleInfiniteScroll = debounce(this.handleInfiniteScroll, 150);
  }

  componentDidMount() {
    document.addEventListener('scroll', this.debouncedHandleInfiniteScroll);
  }

  componentWillUnmount() {
    document.removeEventListener('scroll', this.debouncedHandleInfiniteScroll);
  }

  handleInfiniteScroll() {
    if (this.infinityRef.current) {
      super.handleInfiniteScroll();
    }
  }

  render() {
    const { noPadding, noMargin, ...props } = this.props;
    return (
      <InfinitePanel
        noPadding={noPadding}
        noMargin={noMargin}
        height="100%"
        ref={this.infiniteRef}
        flex
        column
      >
        <WrappedComponent {...props} />
      </InfinitePanel>
    );
  }
};

export { withInfiniteScroll };