diff options
Diffstat (limited to 'ui/app/components/send_/send-content/send-row-wrapper/send-row-wrapper.component.js')
-rw-r--r-- | ui/app/components/send_/send-content/send-row-wrapper/send-row-wrapper.component.js | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/ui/app/components/send_/send-content/send-row-wrapper/send-row-wrapper.component.js b/ui/app/components/send_/send-content/send-row-wrapper/send-row-wrapper.component.js new file mode 100644 index 000000000..a1ac591b9 --- /dev/null +++ b/ui/app/components/send_/send-content/send-row-wrapper/send-row-wrapper.component.js @@ -0,0 +1,39 @@ +import React, { Component } from 'react' +import PropTypes from 'prop-types' +import SendRowErrorMessage from './send-row-error-message/send-row-error-message.container' + +export default class SendRowWrapper extends Component { + + static propTypes = { + label: PropTypes.string, + showError: PropTypes.bool, + children: PropTypes.node, + errorType: PropTypes.string, + }; + + render () { + const { + label, + errorType = '', + showError = false, + children, + } = this.props + + return ( + <div className="send-v2__form-row"> + <div className="send-v2__form-label"> + {label} + (showError && <SendRowErrorMessage errorType={errorType}/>) + </div> + <div className="send-v2__form-field"> + {children} + </div> + </div> + ); + } + +} + +SendRowWrapper.contextTypes = { + t: PropTypes.func, +} |