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
} from 'selectors/wallet';

import WalletSend from './view';

const select = state => ({
	modal: selectCurrentModal(state),
	address: selectDraftTransactionAddress(state),
	amount: selectDraftTransactionAmount(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);