mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-25 11:28:51 +01:00
4c24555545
* Use selector for state.metamask.accounts in all cases. * Default to cached balance when selecting metamask accounts * Adds the cached-balances controller * Documentation and small codes fixes for #5843 Co-Authored-By: danjm <danjm.com@gmail.com>
226 lines
6.7 KiB
JavaScript
226 lines
6.7 KiB
JavaScript
const inherits = require('util').inherits
|
|
const Component = require('react').Component
|
|
const h = require('react-hyperscript')
|
|
const connect = require('react-redux').connect
|
|
const { withRouter } = require('react-router-dom')
|
|
const { compose } = require('recompose')
|
|
const actions = require('./actions')
|
|
const txHelper = require('../lib/tx-helper')
|
|
const log = require('loglevel')
|
|
const R = require('ramda')
|
|
|
|
const SignatureRequest = require('./components/signature-request')
|
|
const Loading = require('./components/loading-screen')
|
|
const { DEFAULT_ROUTE } = require('./routes')
|
|
const { getMetaMaskAccounts } = require('./selectors')
|
|
|
|
module.exports = compose(
|
|
withRouter,
|
|
connect(mapStateToProps)
|
|
)(ConfirmTxScreen)
|
|
|
|
function mapStateToProps (state) {
|
|
const { metamask } = state
|
|
const {
|
|
unapprovedMsgCount,
|
|
unapprovedPersonalMsgCount,
|
|
unapprovedTypedMessagesCount,
|
|
} = metamask
|
|
|
|
return {
|
|
identities: state.metamask.identities,
|
|
accounts: getMetaMaskAccounts(state),
|
|
selectedAddress: state.metamask.selectedAddress,
|
|
unapprovedTxs: state.metamask.unapprovedTxs,
|
|
unapprovedMsgs: state.metamask.unapprovedMsgs,
|
|
unapprovedPersonalMsgs: state.metamask.unapprovedPersonalMsgs,
|
|
unapprovedTypedMessages: state.metamask.unapprovedTypedMessages,
|
|
index: state.appState.currentView.context,
|
|
warning: state.appState.warning,
|
|
network: state.metamask.network,
|
|
provider: state.metamask.provider,
|
|
conversionRate: state.metamask.conversionRate,
|
|
currentCurrency: state.metamask.currentCurrency,
|
|
blockGasLimit: state.metamask.currentBlockGasLimit,
|
|
computedBalances: state.metamask.computedBalances,
|
|
unapprovedMsgCount,
|
|
unapprovedPersonalMsgCount,
|
|
unapprovedTypedMessagesCount,
|
|
send: state.metamask.send,
|
|
selectedAddressTxList: state.metamask.selectedAddressTxList,
|
|
}
|
|
}
|
|
|
|
inherits(ConfirmTxScreen, Component)
|
|
function ConfirmTxScreen () {
|
|
Component.call(this)
|
|
}
|
|
|
|
ConfirmTxScreen.prototype.getUnapprovedMessagesTotal = function () {
|
|
const {
|
|
unapprovedMsgCount = 0,
|
|
unapprovedPersonalMsgCount = 0,
|
|
unapprovedTypedMessagesCount = 0,
|
|
} = this.props
|
|
|
|
return unapprovedTypedMessagesCount + unapprovedMsgCount + unapprovedPersonalMsgCount
|
|
}
|
|
|
|
ConfirmTxScreen.prototype.componentDidMount = function () {
|
|
const {
|
|
unapprovedTxs = {},
|
|
network,
|
|
send,
|
|
} = this.props
|
|
const unconfTxList = txHelper(unapprovedTxs, {}, {}, {}, network)
|
|
|
|
if (unconfTxList.length === 0 && !send.to && this.getUnapprovedMessagesTotal() === 0) {
|
|
this.props.history.push(DEFAULT_ROUTE)
|
|
}
|
|
}
|
|
|
|
ConfirmTxScreen.prototype.componentDidUpdate = function (prevProps) {
|
|
const {
|
|
unapprovedTxs = {},
|
|
network,
|
|
selectedAddressTxList,
|
|
send,
|
|
history,
|
|
match: { params: { id: transactionId } = {} },
|
|
} = this.props
|
|
|
|
let prevTx
|
|
|
|
if (transactionId) {
|
|
prevTx = R.find(({ id }) => id + '' === transactionId)(selectedAddressTxList)
|
|
} else {
|
|
const { index: prevIndex, unapprovedTxs: prevUnapprovedTxs } = prevProps
|
|
const prevUnconfTxList = txHelper(prevUnapprovedTxs, {}, {}, {}, network)
|
|
const prevTxData = prevUnconfTxList[prevIndex] || {}
|
|
prevTx = selectedAddressTxList.find(({ id }) => id === prevTxData.id) || {}
|
|
}
|
|
|
|
const unconfTxList = txHelper(unapprovedTxs, {}, {}, {}, network)
|
|
|
|
if (prevTx && prevTx.status === 'dropped') {
|
|
this.props.dispatch(actions.showModal({
|
|
name: 'TRANSACTION_CONFIRMED',
|
|
onSubmit: () => history.push(DEFAULT_ROUTE),
|
|
}))
|
|
|
|
return
|
|
}
|
|
|
|
if (unconfTxList.length === 0 && !send.to && this.getUnapprovedMessagesTotal() === 0) {
|
|
this.props.history.push(DEFAULT_ROUTE)
|
|
}
|
|
}
|
|
|
|
ConfirmTxScreen.prototype.getTxData = function () {
|
|
const {
|
|
network,
|
|
index,
|
|
unapprovedTxs,
|
|
unapprovedMsgs,
|
|
unapprovedPersonalMsgs,
|
|
unapprovedTypedMessages,
|
|
match: { params: { id: transactionId } = {} },
|
|
} = this.props
|
|
|
|
const unconfTxList = txHelper(
|
|
unapprovedTxs,
|
|
unapprovedMsgs,
|
|
unapprovedPersonalMsgs,
|
|
unapprovedTypedMessages,
|
|
network
|
|
)
|
|
|
|
log.info(`rendering a combined ${unconfTxList.length} unconf msgs & txs`)
|
|
|
|
return transactionId
|
|
? R.find(({ id }) => id + '' === transactionId)(unconfTxList)
|
|
: unconfTxList[index]
|
|
}
|
|
|
|
ConfirmTxScreen.prototype.render = function () {
|
|
const props = this.props
|
|
const {
|
|
currentCurrency,
|
|
conversionRate,
|
|
blockGasLimit,
|
|
} = props
|
|
|
|
var txData = this.getTxData() || {}
|
|
const { msgParams } = txData
|
|
log.debug('msgParams detected, rendering pending msg')
|
|
|
|
return msgParams
|
|
? h(SignatureRequest, {
|
|
// Properties
|
|
txData: txData,
|
|
key: txData.id,
|
|
selectedAddress: props.selectedAddress,
|
|
accounts: props.accounts,
|
|
identities: props.identities,
|
|
conversionRate,
|
|
currentCurrency,
|
|
blockGasLimit,
|
|
// Actions
|
|
signMessage: this.signMessage.bind(this, txData),
|
|
signPersonalMessage: this.signPersonalMessage.bind(this, txData),
|
|
signTypedMessage: this.signTypedMessage.bind(this, txData),
|
|
cancelMessage: this.cancelMessage.bind(this, txData),
|
|
cancelPersonalMessage: this.cancelPersonalMessage.bind(this, txData),
|
|
cancelTypedMessage: this.cancelTypedMessage.bind(this, txData),
|
|
})
|
|
: h(Loading)
|
|
}
|
|
|
|
ConfirmTxScreen.prototype.signMessage = function (msgData, event) {
|
|
log.info('conf-tx.js: signing message')
|
|
var params = msgData.msgParams
|
|
params.metamaskId = msgData.id
|
|
this.stopPropagation(event)
|
|
return this.props.dispatch(actions.signMsg(params))
|
|
}
|
|
|
|
ConfirmTxScreen.prototype.stopPropagation = function (event) {
|
|
if (event.stopPropagation) {
|
|
event.stopPropagation()
|
|
}
|
|
}
|
|
|
|
ConfirmTxScreen.prototype.signPersonalMessage = function (msgData, event) {
|
|
log.info('conf-tx.js: signing personal message')
|
|
var params = msgData.msgParams
|
|
params.metamaskId = msgData.id
|
|
this.stopPropagation(event)
|
|
return this.props.dispatch(actions.signPersonalMsg(params))
|
|
}
|
|
|
|
ConfirmTxScreen.prototype.signTypedMessage = function (msgData, event) {
|
|
log.info('conf-tx.js: signing typed message')
|
|
var params = msgData.msgParams
|
|
params.metamaskId = msgData.id
|
|
this.stopPropagation(event)
|
|
return this.props.dispatch(actions.signTypedMsg(params))
|
|
}
|
|
|
|
ConfirmTxScreen.prototype.cancelMessage = function (msgData, event) {
|
|
log.info('canceling message')
|
|
this.stopPropagation(event)
|
|
return this.props.dispatch(actions.cancelMsg(msgData))
|
|
}
|
|
|
|
ConfirmTxScreen.prototype.cancelPersonalMessage = function (msgData, event) {
|
|
log.info('canceling personal message')
|
|
this.stopPropagation(event)
|
|
return this.props.dispatch(actions.cancelPersonalMsg(msgData))
|
|
}
|
|
|
|
ConfirmTxScreen.prototype.cancelTypedMessage = function (msgData, event) {
|
|
log.info('canceling typed message')
|
|
this.stopPropagation(event)
|
|
return this.props.dispatch(actions.cancelTypedMsg(msgData))
|
|
}
|