PromiseButton.js

import React from "react"
import PropTypes from 'prop-types'
import { PromiseButtonBase } from 'components/Universal'
import { PulseLoader } from 'react-spinners'

class PromiseButton extends React.Component {

  render() {
    const {
      children,
      ...other
    } = this.props
    return (
        <PromiseButtonBase
          {...other}
          disableOnPending
          renderOnPending={() => (
            <PulseLoader color="teal"/>
          )}
          renderOnFulfilled={() => children}
          renderOnRejected={() => children}
        >
          {children}
        </PromiseButtonBase>
    )
  }
}

PromiseButton.propTypes = {
  onClick: PropTypes.func
}

PromiseButton.defaultProps = {
  onClick: () => {}
}

export default PromiseButton