m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Show failed tx RPC error messages in tooltips

Browse Source 
This changeset displays the error messages attached to txMeta for a failed tx
in a tooltip on hover in the tx list view. This will only display for txs with
the `txMeta.err.rpc.value` property, not all failed txs.
This commit is contained in:
Whymarrh Whitby 2018-09-08 20:48:26 -02:30
parent 47b32682f3
commit 9662f9b8b5
2 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ui/app/components/transaction-list-item/transaction-list-item.component.js
View File

@ -131,6 +131,11 @@ export default class TransactionListItem extends PureComponent {
<TransactionStatus
className="transaction-list-item__status"
statusKey={transaction.status}
title={(
(transaction.err && transaction.err.rpc)
? transaction.err.rpc.message
: null
)}
/>
{ this.renderPrimaryCurrency() }
{ this.renderSecondaryCurrency() }

10
ui/app/components/transaction-status/transaction-status.component.js
View File

@ -1,6 +1,7 @@
import React, { PureComponent } from 'react'
import PropTypes from 'prop-types'
import classnames from 'classnames'
import Tooltip from '../tooltip-v2'
import {
UNAPPROVED_STATUS,
REJECTED_STATUS,
@ -29,6 +30,10 @@ const statusToTextHash = {
}
export default class TransactionStatus extends PureComponent {
static defaultProps = {
title: null,
}
static contextTypes = {
t: PropTypes.func,
}
@ -36,15 +41,18 @@ export default class TransactionStatus extends PureComponent {
static propTypes = {
statusKey: PropTypes.string,
className: PropTypes.string,
title: PropTypes.string,
}
render () {
const { className, statusKey } = this.props
const { className, statusKey, title } = this.props
const statusText = this.context.t(statusToTextHash[statusKey] || statusKey)
return (
<div className={classnames('transaction-status', className, statusToClassNameHash[statusKey])}>
<Tooltip position="top" title={title}>
{ statusText }
</Tooltip>
</div>
)
}