diff options
Diffstat (limited to 'ui/app/components/app/transaction-action/transaction-action.component.js')
-rw-r--r-- | ui/app/components/app/transaction-action/transaction-action.component.js | 36 |
1 files changed, 8 insertions, 28 deletions
diff --git a/ui/app/components/app/transaction-action/transaction-action.component.js b/ui/app/components/app/transaction-action/transaction-action.component.js index 4a5efdaae..26012ff7f 100644 --- a/ui/app/components/app/transaction-action/transaction-action.component.js +++ b/ui/app/components/app/transaction-action/transaction-action.component.js @@ -15,43 +15,23 @@ export default class TransactionAction extends PureComponent { methodData: PropTypes.object, } - state = { - transactionAction: '', - } - - componentDidMount () { - this.getTransactionAction() - } - - componentDidUpdate () { - this.getTransactionAction() - } - - async getTransactionAction () { - const { transactionAction } = this.state + getTransactionAction () { const { transaction, methodData } = this.props - const { data, done } = methodData - const { name = '' } = data - - if (!done || transactionAction) { - return - } + const { name } = methodData - const actionKey = await getTransactionActionKey(transaction, data) - const action = actionKey - ? this.context.t(actionKey) - : camelCaseToCapitalize(name) + const actionKey = getTransactionActionKey(transaction) + const action = actionKey && this.context.t(actionKey) + const methodName = name && camelCaseToCapitalize(name) - this.setState({ transactionAction: action }) + return methodName || action || '' } render () { - const { className, methodData: { done } } = this.props - const { transactionAction } = this.state + const { className } = this.props return ( <div className={classnames('transaction-action', className)}> - { (done && transactionAction) || '--' } + { this.getTransactionAction() } </div> ) } |