mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-24 02:58:09 +01:00
28 lines
1.0 KiB
JavaScript
28 lines
1.0 KiB
JavaScript
import { useSelector } from 'react-redux'
|
|
import { useRouteMatch } from 'react-router-dom'
|
|
import { getTokens } from '../ducks/metamask/metamask'
|
|
import { ASSET_ROUTE } from '../helpers/constants/routes'
|
|
import { ETH_SWAPS_TOKEN_OBJECT } from '../helpers/constants/swaps'
|
|
|
|
/**
|
|
* Returns a token object for the asset that is currently being viewed.
|
|
* Will return the ETH_SWAPS_TOKEN_OBJECT when the user is viewing either
|
|
* the primary, unfiltered, activity list or the ETH asset page.
|
|
* @returns {import('./useTokenDisplayValue').Token}
|
|
*/
|
|
export function useCurrentAsset() {
|
|
// To determine which primary currency to display for swaps transactions we need to be aware
|
|
// of which asset, if any, we are viewing at present
|
|
const match = useRouteMatch({
|
|
path: `${ASSET_ROUTE}/:asset`,
|
|
exact: true,
|
|
strict: true,
|
|
})
|
|
const tokenAddress = match?.params?.asset
|
|
const knownTokens = useSelector(getTokens)
|
|
const token =
|
|
tokenAddress && knownTokens.find(({ address }) => address === tokenAddress)
|
|
|
|
return token ?? ETH_SWAPS_TOKEN_OBJECT
|
|
}
|