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.
62 lines
1.9 KiB
62 lines
1.9 KiB
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { useDispatch, useSelector } from 'react-redux'
|
|
import { useHistory } from 'react-router-dom'
|
|
import { createTokenTrackerLink } from '@metamask/etherscan-link'
|
|
|
|
import TransactionList from '../../../components/app/transaction-list'
|
|
import { TokenOverview } from '../../../components/app/wallet-overview'
|
|
import {
|
|
getCurrentNetworkId,
|
|
getSelectedIdentity,
|
|
} from '../../../selectors/selectors'
|
|
import { DEFAULT_ROUTE } from '../../../helpers/constants/routes'
|
|
import { showModal } from '../../../store/actions'
|
|
|
|
import AssetNavigation from './asset-navigation'
|
|
import TokenOptions from './token-options'
|
|
|
|
export default function TokenAsset({ token }) {
|
|
const dispatch = useDispatch()
|
|
const network = useSelector(getCurrentNetworkId)
|
|
const selectedIdentity = useSelector(getSelectedIdentity)
|
|
const selectedAccountName = selectedIdentity.name
|
|
const selectedAddress = selectedIdentity.address
|
|
const history = useHistory()
|
|
|
|
return (
|
|
<>
|
|
<AssetNavigation
|
|
accountName={selectedAccountName}
|
|
assetName={token.symbol}
|
|
onBack={() => history.push(DEFAULT_ROUTE)}
|
|
optionsButton={
|
|
<TokenOptions
|
|
onRemove={() =>
|
|
dispatch(showModal({ name: 'HIDE_TOKEN_CONFIRMATION', token }))
|
|
}
|
|
onViewEtherscan={() => {
|
|
const url = createTokenTrackerLink(
|
|
token.address,
|
|
network,
|
|
selectedAddress,
|
|
)
|
|
global.platform.openTab({ url })
|
|
}}
|
|
tokenSymbol={token.symbol}
|
|
/>
|
|
}
|
|
/>
|
|
<TokenOverview className="asset__overview" token={token} />
|
|
<TransactionList tokenAddress={token.address} />
|
|
</>
|
|
)
|
|
}
|
|
|
|
TokenAsset.propTypes = {
|
|
token: PropTypes.shape({
|
|
address: PropTypes.string.isRequired,
|
|
decimals: PropTypes.number,
|
|
symbol: PropTypes.string,
|
|
}).isRequired,
|
|
}
|
|
|