upgrade modal

UpgradeModal.js

import React, {Component} from 'react'
import { connect } from 'react-redux'
import _UpgradeModal from 'components/UserPage/UpgradeModal/UpgradeModal'
import {closeUpgradeModal} from 'actions/UpgradeModal'
import {push} from 'connected-react-router'
import {SHOP} from 'constants/Location'

class UpgradeModal extends Component {
  handleButtonClick = () => {
    this.props.closeUpgradeModal()
    this.props.push(SHOP)
  }

  render() {
    return(
      <_UpgradeModal
        open={this.props.isOpen}
        onClose={this.props.closeUpgradeModal}
        onButtonClick={this.handleButtonClick}
      />
    )
  }
}

const mapStateToProps = (state, ownProps) => ({
  isOpen: state.upgradeModal.isOpen
})

export default connect(
  mapStateToProps, {closeUpgradeModal, push}
)(UpgradeModal)