diff options
author | Erik Marks <25517051+rekmarks@users.noreply.github.com> | 2018-06-13 04:39:21 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-06-13 04:39:21 +0800 |
commit | bb201d7c4aec5c8bb72615aaf2880a806a2bd138 (patch) | |
tree | fb39d41db91c831202dc0b057231b77ed1308210 /ui/app/components/send_/send-content/send-row-wrapper/send-row-wrapper.component.js | |
parent | 6ba70a039af5139933747a1ffae070fe246f3501 (diff) | |
parent | 0740dd6a5b89defd5f5ba27fa38c7004243f0ce2 (diff) | |
download | tangerine-wallet-browser-bb201d7c4aec5c8bb72615aaf2880a806a2bd138.tar.gz tangerine-wallet-browser-bb201d7c4aec5c8bb72615aaf2880a806a2bd138.tar.zst tangerine-wallet-browser-bb201d7c4aec5c8bb72615aaf2880a806a2bd138.zip |
Merge branch 'develop' into stop-reload-on-network-change
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 | 43 |
1 files changed, 43 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..f484bd8d9 --- /dev/null +++ b/ui/app/components/send_/send-content/send-row-wrapper/send-row-wrapper.component.js @@ -0,0 +1,43 @@ +import React, { Component } from 'react' +import PropTypes from 'prop-types' +import SendRowErrorMessage from './send-row-error-message/' + +export default class SendRowWrapper extends Component { + + static propTypes = { + children: PropTypes.node, + errorType: PropTypes.string, + label: PropTypes.string, + showError: PropTypes.bool, + }; + + render () { + const { + children, + errorType = '', + label, + showError = false, + } = this.props + + const formField = Array.isArray(children) ? children[1] || children[0] : children + const customLabelContent = children.length > 1 ? children[0] : null + + return ( + <div className="send-v2__form-row"> + <div className="send-v2__form-label"> + {label} + {showError && <SendRowErrorMessage errorType={errorType}/>} + {customLabelContent} + </div> + <div className="send-v2__form-field"> + {formField} + </div> + </div> + ) + } + +} + +SendRowWrapper.contextTypes = { + t: PropTypes.func, +} |