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.
42 lines
1.2 KiB
42 lines
1.2 KiB
import { connect } from 'react-redux'
|
|
import CurrencyDisplay from './currency-display.component'
|
|
import { getValueFromWeiHex, formatCurrency } from '../../helpers/confirm-transaction/util'
|
|
|
|
const mapStateToProps = state => {
|
|
const { metamask: { nativeCurrency, currentCurrency, conversionRate } } = state
|
|
|
|
return {
|
|
currentCurrency,
|
|
conversionRate,
|
|
nativeCurrency,
|
|
}
|
|
}
|
|
|
|
const mergeProps = (stateProps, dispatchProps, ownProps) => {
|
|
const { nativeCurrency, currentCurrency, conversionRate, ...restStateProps } = stateProps
|
|
const {
|
|
value,
|
|
numberOfDecimals = 2,
|
|
currency,
|
|
denomination,
|
|
hideLabel,
|
|
...restOwnProps
|
|
} = ownProps
|
|
|
|
const toCurrency = currency || currentCurrency
|
|
const convertedValue = getValueFromWeiHex({
|
|
value, fromCurrency: nativeCurrency, toCurrency, conversionRate, numberOfDecimals, toDenomination: denomination,
|
|
})
|
|
const displayValue = formatCurrency(convertedValue, toCurrency)
|
|
const suffix = hideLabel ? undefined : toCurrency.toUpperCase()
|
|
|
|
return {
|
|
...restStateProps,
|
|
...dispatchProps,
|
|
...restOwnProps,
|
|
displayValue,
|
|
suffix,
|
|
}
|
|
}
|
|
|
|
export default connect(mapStateToProps, null, mergeProps)(CurrencyDisplay)
|
|
|