@depay/react-token-image - npm Package Compare versions

Comparing version 4.12.0 to 4.13.0

dist/esm/index.evm.js

@@ -22,3 +22,2 @@ import { request } from '@depay/web3-client-evm';
   const blockchain = props.blockchain.toLowerCase();
-  const NATIVE = Blockchains.findByName(blockchain).currency.address;
   const address = props.address;
@@ -37,4 +36,5 @@ const id = props.id;
     if(storedImage && storedImage.length && storedImage != UNKNOWN_IMAGE) { return setSrc(storedImage) }
-    if(NATIVE.toLowerCase() == address.toLowerCase()) {
-      setSrc(Blockchains.findByName(blockchain).logo);
+    const foundMajorToken = Blockchains[blockchain].tokens.find((token)=> token.address.toLowerCase() === address.toLowerCase());
+    if(foundMajorToken) {
+      setSrc(foundMajorToken.logo);
     } else {
@@ -101,3 +101,3 @@ if(supported.evm.includes(blockchain)) {
     if(['ethereum', 'bsc', 'polygon', 'fantom', 'solana'].includes(blockchain)) {
-      return `https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/${mapBlockchainName(blockchain)}/assets/${address}/logo.png`
+      return `https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/${mapBlockchainNameToTrustWalletAssets(blockchain)}/assets/${address}/logo.png`
     } else if(blockchain == 'velas'){
@@ -108,3 +108,3 @@ return `https://raw.githubusercontent.com/wagyuswapapp/assets/master/blockchains/velas/assets/${address.toLowerCase()}/logo.png`
 
-  const mapBlockchainName = (blockchain)=>{
+  const mapBlockchainNameToTrustWalletAssets = (blockchain)=>{
     switch (blockchain) {
@@ -121,2 +121,10 @@ case 'ethereum':
         return 'fantom'
+      case 'arbitrum':
+        return 'arbitrum'
+      case 'avalanche':
+        return 'avalanchec'
+      case 'gnosis':
+        return 'xdai'
+      case 'optimism':
+        return 'optimism'
       default:
@@ -183,3 +191,3 @@ throw('DePayReactTokenImage: Unknown blockchain')
       src:  src ,
-      onError:  handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 178}}
+      onError:  handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 190}}
     )
@@ -186,0 +194,0 @@ )

dist/esm/index.js

@@ -23,3 +23,2 @@ import { PublicKey, Buffer } from '@depay/solana-web3.js';
   const blockchain = props.blockchain.toLowerCase();
-  const NATIVE = Blockchains.findByName(blockchain).currency.address;
   const address = props.address;
@@ -38,4 +37,5 @@ const id = props.id;
     if(storedImage && storedImage.length && storedImage != UNKNOWN_IMAGE) { return setSrc(storedImage) }
-    if(NATIVE.toLowerCase() == address.toLowerCase()) {
-      setSrc(Blockchains.findByName(blockchain).logo);
+    const foundMajorToken = Blockchains[blockchain].tokens.find((token)=> token.address.toLowerCase() === address.toLowerCase());
+    if(foundMajorToken) {
+      setSrc(foundMajorToken.logo);
     } else {
@@ -102,3 +102,3 @@ if(supported.evm.includes(blockchain)) {
     if(['ethereum', 'bsc', 'polygon', 'fantom', 'solana'].includes(blockchain)) {
-      return `https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/${mapBlockchainName(blockchain)}/assets/${address}/logo.png`
+      return `https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/${mapBlockchainNameToTrustWalletAssets(blockchain)}/assets/${address}/logo.png`
     } else if(blockchain == 'velas'){
@@ -109,3 +109,3 @@ return `https://raw.githubusercontent.com/wagyuswapapp/assets/master/blockchains/velas/assets/${address.toLowerCase()}/logo.png`
 
-  const mapBlockchainName = (blockchain)=>{
+  const mapBlockchainNameToTrustWalletAssets = (blockchain)=>{
     switch (blockchain) {
@@ -122,2 +122,10 @@ case 'ethereum':
         return 'fantom'
+      case 'arbitrum':
+        return 'arbitrum'
+      case 'avalanche':
+        return 'avalanchec'
+      case 'gnosis':
+        return 'xdai'
+      case 'optimism':
+        return 'optimism'
       default:
@@ -184,3 +192,3 @@ throw('DePayReactTokenImage: Unknown blockchain')
       src:  src ,
-      onError:  handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 179}}
+      onError:  handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 191}}
     )
@@ -187,0 +195,0 @@ )

dist/esm/index.solana.js

@@ -23,3 +23,2 @@ import { PublicKey, Buffer } from '@depay/solana-web3.js';
   const blockchain = props.blockchain.toLowerCase();
-  const NATIVE = Blockchains.findByName(blockchain).currency.address;
   const address = props.address;
@@ -38,4 +37,5 @@ const id = props.id;
     if(storedImage && storedImage.length && storedImage != UNKNOWN_IMAGE) { return setSrc(storedImage) }
-    if(NATIVE.toLowerCase() == address.toLowerCase()) {
-      setSrc(Blockchains.findByName(blockchain).logo);
+    const foundMajorToken = Blockchains[blockchain].tokens.find((token)=> token.address.toLowerCase() === address.toLowerCase());
+    if(foundMajorToken) {
+      setSrc(foundMajorToken.logo);
     } else {
@@ -102,3 +102,3 @@ if(supported.evm.includes(blockchain)) {
     if(['ethereum', 'bsc', 'polygon', 'fantom', 'solana'].includes(blockchain)) {
-      return `https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/${mapBlockchainName(blockchain)}/assets/${address}/logo.png`
+      return `https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/${mapBlockchainNameToTrustWalletAssets(blockchain)}/assets/${address}/logo.png`
     } else if(blockchain == 'velas'){
@@ -109,3 +109,3 @@ return `https://raw.githubusercontent.com/wagyuswapapp/assets/master/blockchains/velas/assets/${address.toLowerCase()}/logo.png`
 
-  const mapBlockchainName = (blockchain)=>{
+  const mapBlockchainNameToTrustWalletAssets = (blockchain)=>{
     switch (blockchain) {
@@ -122,2 +122,10 @@ case 'ethereum':
         return 'fantom'
+      case 'arbitrum':
+        return 'arbitrum'
+      case 'avalanche':
+        return 'avalanchec'
+      case 'gnosis':
+        return 'xdai'
+      case 'optimism':
+        return 'optimism'
       default:
@@ -184,3 +192,3 @@ throw('DePayReactTokenImage: Unknown blockchain')
       src:  src ,
-      onError:  handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 179}}
+      onError:  handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 191}}
     )
@@ -187,0 +195,0 @@ )

dist/umd/index.evm.js

@@ -29,3 +29,2 @@ (function (global, factory) {
     const blockchain = props.blockchain.toLowerCase();
-    const NATIVE = Blockchains__default['default'].findByName(blockchain).currency.address;
     const address = props.address;
@@ -44,4 +43,5 @@ const id = props.id;
       if(storedImage && storedImage.length && storedImage != UNKNOWN_IMAGE) { return setSrc(storedImage) }
-      if(NATIVE.toLowerCase() == address.toLowerCase()) {
-        setSrc(Blockchains__default['default'].findByName(blockchain).logo);
+      const foundMajorToken = Blockchains__default['default'][blockchain].tokens.find((token)=> token.address.toLowerCase() === address.toLowerCase());
+      if(foundMajorToken) {
+        setSrc(foundMajorToken.logo);
       } else {
@@ -108,3 +108,3 @@ if(supported.evm.includes(blockchain)) {
       if(['ethereum', 'bsc', 'polygon', 'fantom', 'solana'].includes(blockchain)) {
-        return `https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/${mapBlockchainName(blockchain)}/assets/${address}/logo.png`
+        return `https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/${mapBlockchainNameToTrustWalletAssets(blockchain)}/assets/${address}/logo.png`
       } else if(blockchain == 'velas'){
@@ -115,3 +115,3 @@ return `https://raw.githubusercontent.com/wagyuswapapp/assets/master/blockchains/velas/assets/${address.toLowerCase()}/logo.png`
 
-    const mapBlockchainName = (blockchain)=>{
+    const mapBlockchainNameToTrustWalletAssets = (blockchain)=>{
       switch (blockchain) {
@@ -128,2 +128,10 @@ case 'ethereum':
           return 'fantom'
+        case 'arbitrum':
+          return 'arbitrum'
+        case 'avalanche':
+          return 'avalanchec'
+        case 'gnosis':
+          return 'xdai'
+        case 'optimism':
+          return 'optimism'
         default:
@@ -190,3 +198,3 @@ throw('DePayReactTokenImage: Unknown blockchain')
         src:  src ,
-        onError:  handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 178}}
+        onError:  handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 190}}
       )
@@ -193,0 +201,0 @@ )

dist/umd/index.js

@@ -29,3 +29,2 @@ (function (global, factory) {
     const blockchain = props.blockchain.toLowerCase();
-    const NATIVE = Blockchains__default['default'].findByName(blockchain).currency.address;
     const address = props.address;
@@ -44,4 +43,5 @@ const id = props.id;
       if(storedImage && storedImage.length && storedImage != UNKNOWN_IMAGE) { return setSrc(storedImage) }
-      if(NATIVE.toLowerCase() == address.toLowerCase()) {
-        setSrc(Blockchains__default['default'].findByName(blockchain).logo);
+      const foundMajorToken = Blockchains__default['default'][blockchain].tokens.find((token)=> token.address.toLowerCase() === address.toLowerCase());
+      if(foundMajorToken) {
+        setSrc(foundMajorToken.logo);
       } else {
@@ -108,3 +108,3 @@ if(supported.evm.includes(blockchain)) {
       if(['ethereum', 'bsc', 'polygon', 'fantom', 'solana'].includes(blockchain)) {
-        return `https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/${mapBlockchainName(blockchain)}/assets/${address}/logo.png`
+        return `https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/${mapBlockchainNameToTrustWalletAssets(blockchain)}/assets/${address}/logo.png`
       } else if(blockchain == 'velas'){
@@ -115,3 +115,3 @@ return `https://raw.githubusercontent.com/wagyuswapapp/assets/master/blockchains/velas/assets/${address.toLowerCase()}/logo.png`
 
-    const mapBlockchainName = (blockchain)=>{
+    const mapBlockchainNameToTrustWalletAssets = (blockchain)=>{
       switch (blockchain) {
@@ -128,2 +128,10 @@ case 'ethereum':
           return 'fantom'
+        case 'arbitrum':
+          return 'arbitrum'
+        case 'avalanche':
+          return 'avalanchec'
+        case 'gnosis':
+          return 'xdai'
+        case 'optimism':
+          return 'optimism'
         default:
@@ -190,3 +198,3 @@ throw('DePayReactTokenImage: Unknown blockchain')
         src:  src ,
-        onError:  handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 179}}
+        onError:  handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 191}}
       )
@@ -193,0 +201,0 @@ )

dist/umd/index.solana.js

@@ -29,3 +29,2 @@ (function (global, factory) {
     const blockchain = props.blockchain.toLowerCase();
-    const NATIVE = Blockchains__default['default'].findByName(blockchain).currency.address;
     const address = props.address;
@@ -44,4 +43,5 @@ const id = props.id;
       if(storedImage && storedImage.length && storedImage != UNKNOWN_IMAGE) { return setSrc(storedImage) }
-      if(NATIVE.toLowerCase() == address.toLowerCase()) {
-        setSrc(Blockchains__default['default'].findByName(blockchain).logo);
+      const foundMajorToken = Blockchains__default['default'][blockchain].tokens.find((token)=> token.address.toLowerCase() === address.toLowerCase());
+      if(foundMajorToken) {
+        setSrc(foundMajorToken.logo);
       } else {
@@ -108,3 +108,3 @@ if(supported.evm.includes(blockchain)) {
       if(['ethereum', 'bsc', 'polygon', 'fantom', 'solana'].includes(blockchain)) {
-        return `https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/${mapBlockchainName(blockchain)}/assets/${address}/logo.png`
+        return `https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/${mapBlockchainNameToTrustWalletAssets(blockchain)}/assets/${address}/logo.png`
       } else if(blockchain == 'velas'){
@@ -115,3 +115,3 @@ return `https://raw.githubusercontent.com/wagyuswapapp/assets/master/blockchains/velas/assets/${address.toLowerCase()}/logo.png`
 
-    const mapBlockchainName = (blockchain)=>{
+    const mapBlockchainNameToTrustWalletAssets = (blockchain)=>{
       switch (blockchain) {
@@ -128,2 +128,10 @@ case 'ethereum':
           return 'fantom'
+        case 'arbitrum':
+          return 'arbitrum'
+        case 'avalanche':
+          return 'avalanchec'
+        case 'gnosis':
+          return 'xdai'
+        case 'optimism':
+          return 'optimism'
         default:
@@ -190,3 +198,3 @@ throw('DePayReactTokenImage: Unknown blockchain')
         src:  src ,
-        onError:  handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 179}}
+        onError:  handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 191}}
       )
@@ -193,0 +201,0 @@ )

package.json

 {
   "name": "@depay/react-token-image",
   "moduleName": "ReactTokenImage",
-  "version": "4.12.0",
+  "version": "4.13.0",
   "description": "React component to display token images with fallbacks and unknown state.",
@@ -6,0 +6,0 @@ "main": "./dist/umd/index.js",

README.md

@@ -36,3 +36,6 @@ ## Quickstart
 - [Fantom](https://fantom.foundation)
-- [Velas](https://velas.com)
+- [Arbitrum](https://arbitrum.io)
+- [Avalanche](https://www.avax.network)
+- [Gnosis](https://gnosis.io)
+- [Optimism](https://www.optimism.io)
 
@@ -39,0 +42,0 @@ ## Platform specific packaging

No alert changes

Improved metrics

Total package byte prevSize

59598

increased by2.68%

Lines of code

1061

increased by4.74%

Number of lines in readme file

99

increased by3.13%

No dependency changes