JSPM – @depay/react-token-image@6.0.0

Package Exports

@depay/react-token-image
@depay/react-token-image/dist/esm/index.js
@depay/react-token-image/dist/umd/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@depay/react-token-image) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Quickstart

yarn add @depay/react-token-image

npm install --save @depay/react-token-image

import { TokenImage } from '@depay/react-token-image'

render() {
  return(
    <TokenImage
      className="custom-img-class-name"
      blockchain={'ethereum'}
      address={'0xa0bEd124a09ac2Bd941b10349d8d224fe3c955eb'}
    />
  )
}

Support

This library supports the following blockchains:

Platform specific packaging

In case you want to use and package only specific platforms, use the platform-specific package:

EVM (Ethereum Virtual Machien) platform specific packaging

import { TokenImage } from '@depay/react-token-image-evm'

SVM (Solana Virtual Machine) platform specific packaging

import { TokenImage } from '@depay/react-token-image-svm'

Functionalities

TokenImage

The TokenImage component tries to display a token image for a given blockchain and address by:

Trying to fetch the image from https://github.com/trustwallet/assets, or https://github.com/wagyuswapapp/assets (Velas)
Trying to fetch the image from DePay API
Trying to fetch an image through NFT token meta data

NFT Images

Pass an additional id if token address contains multiple NFTs:

<TokenImage
  blockchain={'ethereum'}
  address={'0x495f947276749ce646f68ac8c248420045cb7b5e'}
  id={'42745998150656004690816543961586238000273307462307754421658803578179357246440'}
/>

Development

Get started

yarn install
yarn dev

Release

npm publish

@depay/react-token-image