import React, { Component } from 'react' import PropTypes from 'prop-types' import { Switch, Route } from 'react-router-dom' import Loading from '../../components/ui/loading-screen' import ConfirmTransactionSwitch from '../confirm-transaction-switch' import ConfirmTransactionBase from '../confirm-transaction-base' import ConfirmSendEther from '../confirm-send-ether' import ConfirmSendToken from '../confirm-send-token' import ConfirmDeployContract from '../confirm-deploy-contract' import ConfirmApprove from '../confirm-approve' import ConfirmTokenTransactionBase from '../confirm-token-transaction-base' import ConfTx from './conf-tx' import { DEFAULT_ROUTE, CONFIRM_TRANSACTION_ROUTE, CONFIRM_DEPLOY_CONTRACT_PATH, CONFIRM_SEND_ETHER_PATH, CONFIRM_SEND_TOKEN_PATH, CONFIRM_APPROVE_PATH, CONFIRM_TRANSFER_FROM_PATH, CONFIRM_TOKEN_METHOD_PATH, SIGNATURE_REQUEST_PATH, } from '../../helpers/constants/routes' export default class ConfirmTransaction extends Component { static propTypes = { history: PropTypes.object.isRequired, totalUnapprovedCount: PropTypes.number.isRequired, match: PropTypes.object, send: PropTypes.object, unconfirmedTransactions: PropTypes.array, setTransactionToConfirm: PropTypes.func, confirmTransaction: PropTypes.object, clearConfirmTransaction: PropTypes.func, fetchBasicGasAndTimeEstimates: PropTypes.func, } getParamsTransactionId () { const { match: { params: { id } = {} } } = this.props return id || null } componentDidMount () { const { totalUnapprovedCount = 0, send = {}, history, confirmTransaction: { txData: { id: transactionId } = {} }, fetchBasicGasAndTimeEstimates, } = this.props if (!totalUnapprovedCount && !send.to) { history.replace(DEFAULT_ROUTE) return } if (!transactionId) { fetchBasicGasAndTimeEstimates() this.setTransactionToConfirm() } } componentDidUpdate () { const { setTransactionToConfirm, confirmTransaction: { txData: { id: transactionId } = {} }, clearConfirmTransaction, } = this.props const paramsTransactionId = this.getParamsTransactionId() if (paramsTransactionId && transactionId && paramsTransactionId !== transactionId + '') { clearConfirmTransaction() setTransactionToConfirm(paramsTransactionId) return } if (!transactionId) { this.setTransactionToConfirm() } } setTransactionToConfirm () { const { history, unconfirmedTransactions, setTransactionToConfirm, } = this.props const paramsTransactionId = this.getParamsTransactionId() if (paramsTransactionId) { // Check to make sure params ID is valid const tx = unconfirmedTransactions.find(({ id }) => id + '' === paramsTransactionId) if (!tx) { history.replace(DEFAULT_ROUTE) } else { setTransactionToConfirm(paramsTransactionId) } } else if (unconfirmedTransactions.length) { const totalUnconfirmed = unconfirmedTransactions.length const transaction = unconfirmedTransactions[totalUnconfirmed - 1] const { id: transactionId, loadingDefaults } = transaction if (!loadingDefaults) { setTransactionToConfirm(transactionId) } } } render () { const { confirmTransaction: { txData: { id } } = {} } = this.props const paramsTransactionId = this.getParamsTransactionId() // Show routes when state.confirmTransaction has been set and when either the ID in the params // isn't specified or is specified and matches the ID in state.confirmTransaction in order to // support URLs of /confirm-transaction or /confirm-transaction/ return id && (!paramsTransactionId || paramsTransactionId === id + '') ? ( ) : } }