fix(address): fix the nrc721 not displayed in the assets list

Magickbase · Apr 12, 2024 · 65c2cf6 · 65c2cf6
1 parent 334cf05
commit 65c2cf6
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/pages/Address/AddressAssetComp.tsx b/src/pages/Address/AddressAssetComp.tsx
@@ -159,7 +159,7 @@ export const AddressNRC721Comp = ({ account, isRGBPP }: { account: NRC721; isRGB
     <AddressAssetComp
       isRGBPP={isRGBPP ?? false}
       href={`/nft-collections/${collection?.typeHash}`}
-      property={!symbol ? '?' : `#${amount}`}
+      property={!symbol ? '?' : `#${sliceNftName(amount, 20)}`}
       name={!symbol ? '?' : sliceNftName(symbol)}
       isUnverified={!symbol}
       udtLabel="NRC 721"

diff --git a/src/pages/Address/AddressComp.tsx b/src/pages/Address/AddressComp.tsx
@@ -54,6 +54,7 @@ import {
   AddressSporeComp,
   AddressSudtComp,
   AddressXudtComp,
+  AddressNRC721Comp,
 } from './AddressAssetComp'
 
 enum AssetInfo {
@@ -267,6 +268,8 @@ export const AddressOverviewCard: FC<{ address: Address }> = ({ address }) => {
 
                       case 'm_nft_token':
                         return <AddressMNFTComp account={udt} key={udt.symbol + udt.udtType + udt.amount} />
+                      case 'nrc_721_token':
+                        return <AddressNRC721Comp account={udt} key={udt.symbol + udt.udtType + udt.amount} />
                       default:
                         return null
                     }

diff --git a/src/utils/string.ts b/src/utils/string.ts
@@ -144,4 +144,5 @@ export const handleBigNumberFloor = (value: BigNumber | string | number, decimal
   return `${parseFloorDecimal(bigValue, decimal)}`
 }
 
-export const sliceNftName = (name?: string) => (name && name.length > 32 ? `${name.slice(0, 32)}...` : name)
+export const sliceNftName = (name?: string, maxLength = 32) =>
+  name && name.length > maxLength ? `${name.slice(0, maxLength)}...` : name