aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/transaction-list-item/transaction-list-item.container.js
blob: bc47f20aaf2c78258dafa68d3b561e89d271f4e1 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
import { connect } from 'react-redux'
import { withRouter } from 'react-router-dom'
import { compose } from 'recompose'
import TransactionListItem from './transaction-list-item.component'
import { getEthFromWeiHex, getValueFromWeiHex } from '../../helpers/conversions.util'
import { formatCurrency } from '../../helpers/confirm-transaction/util'

const mapStateToProps = (state, ownProps) => {
  const { metamask } = state
  const { currentCurrency, conversionRate } = metamask
  const { transaction: { txParams: { value } = {} } = {} } = ownProps
  const ethTransactionAmount = getEthFromWeiHex({ value, conversionRate })
  const fiatTransactionAmount = getValueFromWeiHex({
    value, conversionRate, toCurrency: currentCurrency, numberOfDecimals: 2,
  })
  const fiatFormattedAmount = formatCurrency(fiatTransactionAmount, currentCurrency)
  const fiatDisplayValue = `${fiatFormattedAmount} ${currentCurrency.toUpperCase()}`

  return {
    ethTransactionAmount,
    fiatDisplayValue,
  }
}

export default compose(
  withRouter,
  connect(mapStateToProps),
)(TransactionListItem)