import { connect } from 'react-redux'
import ConfirmAddToken from './confirm-add-token.component'

import { addTokens, clearPendingTokens } from '../../store/actions'
import { getMostRecentOverviewPage } from '../../ducks/history/history'

const mapStateToProps = (state) => {
  const { metamask: { pendingTokens } } = state
  return {
    mostRecentOverviewPage: getMostRecentOverviewPage(state),
    pendingTokens,
  }
}

const mapDispatchToProps = (dispatch) => {
  return {
    addTokens: (tokens) => dispatch(addTokens(tokens)),
    clearPendingTokens: () => dispatch(clearPendingTokens()),
  }
}

export default connect(mapStateToProps, mapDispatchToProps)(ConfirmAddToken)