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.
118 lines
3.6 KiB
118 lines
3.6 KiB
import { connect } from 'react-redux'
|
|
import {
|
|
getConversionRate,
|
|
getCurrentCurrency,
|
|
getGasTotal,
|
|
getGasPrice,
|
|
getGasLimit,
|
|
getSendAmount,
|
|
} from '../../send.selectors.js'
|
|
import {
|
|
isBalanceSufficient,
|
|
calcGasTotal,
|
|
} from '../../send.utils.js'
|
|
import {
|
|
getBasicGasEstimateLoadingStatus,
|
|
getRenderableEstimateDataForSmallButtonsFromGWEI,
|
|
getDefaultActiveButtonIndex,
|
|
} from '../../../../selectors/custom-gas'
|
|
import {
|
|
showGasButtonGroup,
|
|
} from '../../../../ducks/send.duck'
|
|
import {
|
|
resetCustomData,
|
|
setCustomGasPrice,
|
|
setCustomGasLimit,
|
|
} from '../../../../ducks/gas.duck'
|
|
import { getGasLoadingError, gasFeeIsInError, getGasButtonGroupShown } from './send-gas-row.selectors.js'
|
|
import { showModal, setGasPrice, setGasLimit, setGasTotal } from '../../../../actions'
|
|
import { getAdvancedInlineGasShown, getCurrentEthBalance } from '../../../../selectors'
|
|
import SendGasRow from './send-gas-row.component'
|
|
|
|
export default connect(mapStateToProps, mapDispatchToProps, mergeProps)(SendGasRow)
|
|
|
|
function mapStateToProps (state) {
|
|
const gasButtonInfo = getRenderableEstimateDataForSmallButtonsFromGWEI(state)
|
|
const gasPrice = getGasPrice(state)
|
|
const gasLimit = getGasLimit(state)
|
|
const activeButtonIndex = getDefaultActiveButtonIndex(gasButtonInfo, gasPrice)
|
|
|
|
const gasTotal = getGasTotal(state)
|
|
const conversionRate = getConversionRate(state)
|
|
const balance = getCurrentEthBalance(state)
|
|
|
|
const insufficientBalance = !isBalanceSufficient({
|
|
amount: getSendAmount(state),
|
|
gasTotal,
|
|
balance,
|
|
conversionRate,
|
|
})
|
|
|
|
return {
|
|
conversionRate,
|
|
convertedCurrency: getCurrentCurrency(state),
|
|
gasTotal,
|
|
gasFeeError: gasFeeIsInError(state),
|
|
gasLoadingError: getGasLoadingError(state),
|
|
gasPriceButtonGroupProps: {
|
|
buttonDataLoading: getBasicGasEstimateLoadingStatus(state),
|
|
defaultActiveButtonIndex: 1,
|
|
newActiveButtonIndex: activeButtonIndex > -1 ? activeButtonIndex : null,
|
|
gasButtonInfo,
|
|
},
|
|
gasButtonGroupShown: getGasButtonGroupShown(state),
|
|
advancedInlineGasShown: getAdvancedInlineGasShown(state),
|
|
gasPrice,
|
|
gasLimit,
|
|
insufficientBalance,
|
|
}
|
|
}
|
|
|
|
function mapDispatchToProps (dispatch) {
|
|
return {
|
|
showCustomizeGasModal: () => dispatch(showModal({ name: 'CUSTOMIZE_GAS', hideBasic: true })),
|
|
setGasPrice: (newPrice, gasLimit) => {
|
|
dispatch(setGasPrice(newPrice))
|
|
dispatch(setCustomGasPrice(newPrice))
|
|
if (gasLimit) {
|
|
dispatch(setGasTotal(calcGasTotal(gasLimit, newPrice)))
|
|
}
|
|
},
|
|
setGasLimit: (newLimit, gasPrice) => {
|
|
dispatch(setGasLimit(newLimit))
|
|
dispatch(setCustomGasLimit(newLimit))
|
|
if (gasPrice) {
|
|
dispatch(setGasTotal(calcGasTotal(newLimit, gasPrice)))
|
|
}
|
|
},
|
|
showGasButtonGroup: () => dispatch(showGasButtonGroup()),
|
|
resetCustomData: () => dispatch(resetCustomData()),
|
|
}
|
|
}
|
|
|
|
function mergeProps (stateProps, dispatchProps, ownProps) {
|
|
const { gasPriceButtonGroupProps } = stateProps
|
|
const { gasButtonInfo } = gasPriceButtonGroupProps
|
|
const {
|
|
setGasPrice: dispatchSetGasPrice,
|
|
showGasButtonGroup: dispatchShowGasButtonGroup,
|
|
resetCustomData: dispatchResetCustomData,
|
|
...otherDispatchProps
|
|
} = dispatchProps
|
|
|
|
return {
|
|
...stateProps,
|
|
...otherDispatchProps,
|
|
...ownProps,
|
|
gasPriceButtonGroupProps: {
|
|
...gasPriceButtonGroupProps,
|
|
handleGasPriceSelection: dispatchSetGasPrice,
|
|
},
|
|
resetGasButtons: () => {
|
|
dispatchResetCustomData()
|
|
dispatchSetGasPrice(gasButtonInfo[1].priceInHexWei)
|
|
dispatchShowGasButtonGroup()
|
|
},
|
|
setGasPrice: dispatchSetGasPrice,
|
|
}
|
|
}
|
|
|