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.
21 lines
806 B
21 lines
806 B
6 years ago
|
import { connect } from 'react-redux'
|
||
|
|
import CurrencyDisplay from './currency-display.component'
|
||
|
|
import { getValueFromWeiHex, formatCurrency } from '../../helpers/confirm-transaction/util'
|
||
|
|
import { ETH } from '../../constants/common'
|
||
|
|
|
||
|
|
const mapStateToProps = (state, ownProps) => {
|
||
|
|
const { value, numberOfDecimals = 2, currency } = ownProps
|
||
|
|
const { metamask: { currentCurrency, conversionRate } } = state
|
||
|
|
|
||
|
|
const toCurrency = currency === ETH ? ETH : currentCurrency
|
||
|
|
const convertedValue = getValueFromWeiHex({ value, toCurrency, conversionRate, numberOfDecimals })
|
||
|
|
const formattedValue = formatCurrency(convertedValue, toCurrency)
|
||
|
|
const displayValue = `${formattedValue} ${toCurrency.toUpperCase()}`
|
||
|
|
|
||
|
|
return {
|
||
|
|
displayValue,
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default connect(mapStateToProps)(CurrencyDisplay)
|