mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-10-25 12:52:33 +02:00
016acd3e94
The asset page component has been split into three parts: the main asset page wrapper, and a component for the content (either token or native currency). This makes it easier to add functionality that is specific to either token asset pages or native currency asset pages.
33 lines
996 B
JavaScript
33 lines
996 B
JavaScript
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { useSelector } from 'react-redux'
|
|
import { useHistory } from 'react-router-dom'
|
|
|
|
import TransactionList from '../../../components/app/transaction-list'
|
|
import { EthOverview } from '../../../components/app/wallet-overview'
|
|
import { getSelectedIdentity } from '../../../selectors/selectors'
|
|
import { DEFAULT_ROUTE } from '../../../helpers/constants/routes'
|
|
|
|
import AssetNavigation from './asset-navigation'
|
|
|
|
export default function NativeAsset ({ nativeCurrency }) {
|
|
const selectedAccountName = useSelector((state) => getSelectedIdentity(state).name)
|
|
const history = useHistory()
|
|
|
|
return (
|
|
<>
|
|
<AssetNavigation
|
|
accountName={selectedAccountName}
|
|
assetName={nativeCurrency}
|
|
onBack={() => history.push(DEFAULT_ROUTE)}
|
|
/>
|
|
<EthOverview className="asset__overview" />
|
|
<TransactionList />
|
|
</>
|
|
)
|
|
}
|
|
|
|
NativeAsset.propTypes = {
|
|
nativeCurrency: PropTypes.string.isRequired,
|
|
}
|