import React from "react";
import { connect } from "react-redux";
import { doCloseModal } from "actions/app";
import {
  doSendDraftTransaction,
  doSetDraftTransactionAmount,
  doSetDraftTransactionAddress,
} from "actions/wallet";
import { selectCurrentModal } from "selectors/app";
import {
  selectDraftTransactionAmount,
  selectDraftTransactionAddress,
  selectDraftTransactionError,
} from "selectors/wallet";

import WalletSend from "./view";

const select = state => ({
  modal: selectCurrentModal(state),
  address: selectDraftTransactionAddress(state),
  amount: selectDraftTransactionAmount(state),
  error: selectDraftTransactionError(state),
});

const perform = dispatch => ({
  closeModal: () => dispatch(doCloseModal()),
  sendToAddress: () => dispatch(doSendDraftTransaction()),
  setAmount: event => dispatch(doSetDraftTransactionAmount(event.target.value)),
  setAddress: event =>
    dispatch(doSetDraftTransactionAddress(event.target.value)),
});

export default connect(select, perform)(WalletSend);