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