diff options
Diffstat (limited to 'ui/app/components/send/send-content/send-hex-data-row/send-hex-data-row.component.js')
-rw-r--r-- | ui/app/components/send/send-content/send-hex-data-row/send-hex-data-row.component.js | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/ui/app/components/send/send-content/send-hex-data-row/send-hex-data-row.component.js b/ui/app/components/send/send-content/send-hex-data-row/send-hex-data-row.component.js new file mode 100644 index 000000000..eaffce359 --- /dev/null +++ b/ui/app/components/send/send-content/send-hex-data-row/send-hex-data-row.component.js @@ -0,0 +1,38 @@ +import React, { Component } from 'react' +import PropTypes from 'prop-types' +import SendRowWrapper from '../send-row-wrapper' + +export default class SendHexDataRow extends Component { + static propTypes = { + data: PropTypes.string, + inError: PropTypes.bool, + }; + + static contextTypes = { + t: PropTypes.func, + }; + + onInput = (event) => { + event.target.value = event.target.value.replace(/\n/g, '') + } + + render () { + const { + inError, + } = this.props + + return ( + <SendRowWrapper + label={`${this.context.t('hexData')}:`} + showError={inError} + errorType={'amount'} + > + <textarea + onInput={this.onInput} + placeholder="Optional" + className="send-v2__hex-data__input" + /> + </SendRowWrapper> + ) + } +} |