A Metamask fork with Infura removed and default networks editable
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.
ciphermask/ui/app/pages/send/send-content/send-row-wrapper/send-row-wrapper.component.js

69 lines
1.8 KiB

7 years ago
import React, { Component } from 'react'
import PropTypes from 'prop-types'
import SendRowErrorMessage from './send-row-error-message'
7 years ago
export default class SendRowWrapper extends Component {
static propTypes = {
children: PropTypes.node,
errorType: PropTypes.string,
label: PropTypes.string,
showError: PropTypes.bool,
}
7 years ago
static contextTypes = {
t: PropTypes.func,
}
renderAmountFormRow() {
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
7 years ago
7 years ago
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} />}
</div>
</div>
</div>
)
}
renderFormRow() {
const { children, errorType = '', label, showError = false } = 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} />}
{customLabelContent}
7 years ago
</div>
<div className="send-v2__form-field">{formField}</div>
7 years ago
</div>
)
7 years ago
}
render() {
const { errorType = '' } = this.props
return errorType === 'amount'
? this.renderAmountFormRow()
: this.renderFormRow()
}
7 years ago
}