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.
90 lines
2.3 KiB
90 lines
2.3 KiB
import React, { Component } from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import SendRowErrorMessage from './send-row-error-message'
|
|
import SendRowWarningMessage from './send-row-warning-message'
|
|
|
|
export default class SendRowWrapper extends Component {
|
|
|
|
static propTypes = {
|
|
children: PropTypes.node,
|
|
errorType: PropTypes.string,
|
|
label: PropTypes.string,
|
|
showError: PropTypes.bool,
|
|
showWarning: PropTypes.bool,
|
|
warningType: PropTypes.string,
|
|
};
|
|
|
|
static contextTypes = {
|
|
t: PropTypes.func,
|
|
};
|
|
|
|
renderAmountFormRow () {
|
|
const {
|
|
children,
|
|
errorType = '',
|
|
label,
|
|
showError = false,
|
|
showWarning = false,
|
|
warningType = '',
|
|
} = 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}
|
|
{customLabelContent}
|
|
</div>
|
|
<div className="send-v2__form-field-container">
|
|
<div className="send-v2__form-field">
|
|
{formField}
|
|
</div>
|
|
<div>
|
|
{showError && <SendRowErrorMessage errorType={errorType} />}
|
|
{!showError && showWarning && <SendRowWarningMessage warningType={warningType} />}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
renderFormRow () {
|
|
const {
|
|
children,
|
|
errorType = '',
|
|
label,
|
|
showError = false,
|
|
showWarning = false,
|
|
warningType = '',
|
|
} = this.props
|
|
|
|
const formField = Array.isArray(children) ? children[1] || children[0] : children
|
|
const customLabelContent = (Array.isArray(children) && children.length) > 1 ? children[0] : null
|
|
|
|
return (
|
|
<div className="send-v2__form-row">
|
|
<div className="send-v2__form-label">
|
|
{label}
|
|
{showError && <SendRowErrorMessage errorType={errorType} />}
|
|
{!showError && showWarning && <SendRowWarningMessage warningType={warningType} />}
|
|
{customLabelContent}
|
|
</div>
|
|
<div className="send-v2__form-field">
|
|
{formField}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
render () {
|
|
const {
|
|
errorType = '',
|
|
} = this.props
|
|
|
|
return (
|
|
errorType === 'amount' ? this.renderAmountFormRow() : this.renderFormRow()
|
|
)
|
|
}
|
|
|
|
}
|
|
|