Scroll.md

export default class InfiniteLoader extends Component {
  componentDidMount() {
    window.addEventListener('scroll', this.handleScroll.bind(this))
  }

  componentWillUnMount() {
    window.removeEventListener('scroll', this.handleScroll.bind(this))
  }

  handleScroll(e) {
    e.preventDefault()
    const { showLoader, loadNextSet } = this.props
    // this function will be triggered if user scrolls
    setTimeout(() => {
      const windowHeight = document.documentElement.clientHeight
      const inHeight = window.innerHeight
      const scrollT = (window.pageYOffset !== undefined)
        ? window.pageYOffset
        : (document.documentElement || document.body.parentNode || document.body).scrollTop
      const totalScrolled = scrollT + inHeight
      if (totalScrolled + 100 > windowHeight) { // user reached at bottom
        if (!showLoader) { // to avoid multiple request
          // dispatch(SearchActions.searchNextPage())
          window.console.log('loadnextset')
          loadNextSet()
        }
      }
    }, 2500)
  }