Pollable HOC

Pollable.js

import React from 'react'

const Pollable = (intervalDurationInSeconds = 60) => {
  return Component =>
    class extends React.Component {

      componentDidMount() {
        this.startPolling()
      }

      componentWillUnmount() {
        this.stopPolling()
      }

      startPolling = () => {
        if (this.interval) return;
        this.trigger(intervalDurationInSeconds * 1000);
      }

      onInterval = (fn) => {
        this.callbackFn = fn
      }

      stopPolling = () => {
        if (this.interval) {
          clearInterval(this.interval)
          this.interval = null
        }
      }

      trigger(intervalDurationInMilliSeconds) {
        if (this.callbackFn) {
          this.interval = setInterval(() => this.callbackFn(), intervalDurationInMilliSeconds)
        }
      }

      getProps() {
        return {
          ...this.props,
          startPolling: this.startPolling,
          stopPolling: this.stopPolling,
          isPolling: Boolean(this.interval),
          onInterval: this.onInterval
        }
      }

      render() {
        const props = this.getProps()
        return <Component {...props}/>
      }
    }
}

export default Pollable