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.
31 lines
853 B
31 lines
853 B
7 years ago
|
import React, { Component } from 'react'
|
||
|
|
import PropTypes from 'prop-types'
|
||
|
|
import ConfirmTransactionBase from '../confirm-transaction-base'
|
||
|
|
|
||
|
|
export default class ConfirmApprove extends Component {
|
||
|
|
static contextTypes = {
|
||
|
|
t: PropTypes.func,
|
||
|
|
}
|
||
|
|
|
||
|
|
static propTypes = {
|
||
|
|
tokenAddress: PropTypes.string,
|
||
|
|
toAddress: PropTypes.string,
|
||
|
|
tokenAmount: PropTypes.string,
|
||
|
|
tokenSymbol: PropTypes.string,
|
||
|
|
}
|
||
|
|
|
||
|
|
render () {
|
||
|
|
const { toAddress, tokenAddress, tokenAmount, tokenSymbol } = this.props
|
||
|
|
|
||
|
|
return (
|
||
|
|
<ConfirmTransactionBase
|
||
|
|
toAddress={toAddress}
|
||
|
|
identiconAddress={tokenAddress}
|
||
|
|
title={`${tokenAmount} ${tokenSymbol}`}
|
||
|
|
warning={`By approving this action, you grant permission for this contract to spend up to ${tokenAmount} of your ${tokenSymbol}.`}
|
||
|
|
hideSubtitle
|
||
|
|
/>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
}
|