Exciting release!Introducing "safe npm". Learn more
Socket
Log inDemoInstall

@depay/react-token-image

Package Overview
Dependencies
0
Maintainers
1
Versions
21
Issues
File Explorer

Advanced tools

@depay/react-token-image

React component to display token images with fallbacks and unknown state.

    4.8.1latest
    GitHub

Version published
Maintainers
1
Weekly downloads
745
increased by104.11%

Weekly downloads

Changelog

Source

v4.8.1

fix build

Readme

Source

Quickstart

yarn add @depay/react-token-image

or

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:

  • Ethereum
  • BNB Smart Chain
  • Polygon
  • Solana
  • Fantom
  • Velas

Platform specific packaging

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

EVM platform specific packaging

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

Solana platform specific packaging

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

Functionalities

TokenImage

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

  1. Trying to fetch the image from https://github.com/trustwallet/assets, or https://github.com/wagyuswapapp/assets (Velas)

  2. Trying to fetch the image from DePay API

  3. 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

Testing

Keywords

FAQs

Last updated on 23 Mar 2023

Did you know?

Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.

Install Socket
Socket
support@socket.devSocket SOC 2 Logo

Product

  • Package Issues
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc