You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
101 lines
2.5 KiB
101 lines
2.5 KiB
import React, { Component } from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import PageContainerFooter from '../../page-container/page-container-footer'
|
|
import { CONFIRM_TRANSACTION_ROUTE, DEFAULT_ROUTE } from '../../../routes'
|
|
|
|
export default class SendFooter extends Component {
|
|
|
|
static propTypes = {
|
|
addToAddressBookIfNew: PropTypes.func,
|
|
amount: PropTypes.string,
|
|
clearSend: PropTypes.func,
|
|
disabled: PropTypes.bool,
|
|
editingTransactionId: PropTypes.string,
|
|
errors: PropTypes.object,
|
|
from: PropTypes.object,
|
|
gasLimit: PropTypes.string,
|
|
gasPrice: PropTypes.string,
|
|
gasTotal: PropTypes.string,
|
|
history: PropTypes.object,
|
|
inError: PropTypes.bool,
|
|
selectedToken: PropTypes.object,
|
|
sign: PropTypes.func,
|
|
to: PropTypes.string,
|
|
toAccounts: PropTypes.array,
|
|
tokenBalance: PropTypes.string,
|
|
unapprovedTxs: PropTypes.object,
|
|
update: PropTypes.func,
|
|
};
|
|
|
|
static contextTypes = {
|
|
t: PropTypes.func,
|
|
};
|
|
|
|
onCancel () {
|
|
this.props.clearSend()
|
|
this.props.history.push(DEFAULT_ROUTE)
|
|
}
|
|
|
|
onSubmit (event) {
|
|
event.preventDefault()
|
|
const {
|
|
addToAddressBookIfNew,
|
|
amount,
|
|
editingTransactionId,
|
|
from: {address: from},
|
|
gasLimit: gas,
|
|
gasPrice,
|
|
selectedToken,
|
|
sign,
|
|
to,
|
|
unapprovedTxs,
|
|
// updateTx,
|
|
update,
|
|
toAccounts,
|
|
history,
|
|
} = this.props
|
|
|
|
// Should not be needed because submit should be disabled if there are errors.
|
|
// const noErrors = !amountError && toError === null
|
|
|
|
// if (!noErrors) {
|
|
// return
|
|
// }
|
|
|
|
// TODO: add nickname functionality
|
|
addToAddressBookIfNew(to, toAccounts)
|
|
|
|
const promise = editingTransactionId
|
|
? update({
|
|
amount,
|
|
editingTransactionId,
|
|
from,
|
|
gas,
|
|
gasPrice,
|
|
selectedToken,
|
|
to,
|
|
unapprovedTxs,
|
|
})
|
|
: sign({ selectedToken, to, amount, from, gas, gasPrice })
|
|
|
|
Promise.resolve(promise)
|
|
.then(() => history.push(CONFIRM_TRANSACTION_ROUTE))
|
|
}
|
|
|
|
formShouldBeDisabled () {
|
|
const { inError, selectedToken, tokenBalance, gasTotal, to } = this.props
|
|
const missingTokenBalance = selectedToken && !tokenBalance
|
|
return inError || !gasTotal || missingTokenBalance || !to
|
|
}
|
|
|
|
render () {
|
|
return (
|
|
<PageContainerFooter
|
|
onCancel={() => this.onCancel()}
|
|
onSubmit={e => this.onSubmit(e)}
|
|
disabled={this.formShouldBeDisabled()}
|
|
/>
|
|
)
|
|
}
|
|
|
|
}
|
|
|