From 65c2cf66fff2fd3d2fb32fc73d5c2f506c75e0ec Mon Sep 17 00:00:00 2001
From: daryl <sai9375@hotmail.com>
Date: Fri, 12 Apr 2024 11:26:17 +0800
Subject: [PATCH] fix(address): fix the nrc721 not displayed in the assets list

---
 src/pages/Address/AddressAssetComp.tsx | 2 +-
 src/pages/Address/AddressComp.tsx      | 3 +++
 src/utils/string.ts                    | 3 ++-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/pages/Address/AddressAssetComp.tsx b/src/pages/Address/AddressAssetComp.tsx
index 61821a1051..f1a3d96016 100644
--- 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
index 2301bdf4b4..90f0e8eb26 100644
--- 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
index 84acb66184..812e346aa2 100644
--- 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