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.
41 lines
978 B
41 lines
978 B
import React, { Component } from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import SendRowWrapper from '../send-row-wrapper'
|
|
|
|
export default class SendHexDataRow extends Component {
|
|
static propTypes = {
|
|
inError: PropTypes.bool,
|
|
updateSendHexData: PropTypes.func.isRequired,
|
|
updateGas: PropTypes.func.isRequired,
|
|
}
|
|
|
|
static contextTypes = {
|
|
t: PropTypes.func,
|
|
}
|
|
|
|
onInput = (event) => {
|
|
const { updateSendHexData, updateGas } = this.props
|
|
const data = event.target.value.replace(/\n/g, '') || null
|
|
updateSendHexData(data)
|
|
updateGas({ data })
|
|
}
|
|
|
|
render () {
|
|
const { inError } = this.props
|
|
const { t } = this.context
|
|
|
|
return (
|
|
<SendRowWrapper
|
|
label={`${t('hexData')}:`}
|
|
showError={inError}
|
|
errorType="amount"
|
|
>
|
|
<textarea
|
|
onInput={this.onInput}
|
|
placeholder="Optional"
|
|
className="send-v2__hex-data__input"
|
|
/>
|
|
</SendRowWrapper>
|
|
)
|
|
}
|
|
}
|
|
|