fix: SCAN-4011

Conflux-Chain · May 27, 2022 · 996c7f9 · 996c7f9
1 parent 99841c0
commit 996c7f9
Showing 1 changed file with 29 additions and 24 deletions.
diff --git a/src/app/containers/NFTAsset/index.tsx b/src/app/containers/NFTAsset/index.tsx
@@ -85,7 +85,10 @@ export function NFTAsset({
       contract,
       type,
     };
-    let NFTs: any = {};
+    let NFTs: any = {
+      list: [],
+      total: 0,
+    };
     let total = 0;
 
     setLoading(true);
@@ -223,16 +226,6 @@ export function NFTAsset({
           ) : null}
 
           <NFTWrapper>
-            <div className="total">
-              {t(translations.blocks.tipCountBefore)} {toThousands(total)}{' '}
-              {lang === 'zh' ? '个 ' : ''}
-              {selectedNFT.name || ''} NFT{' '}
-              <span>
-                {t(translations.contract.address)}:{' '}
-                <AddressContainer value={selectedNFT.contract} />
-              </span>
-            </div>
-
             {!loading && !NFTs.length ? (
               <div className="nodata">
                 <Empty
@@ -250,19 +243,31 @@ export function NFTAsset({
                 />
               </div>
             ) : (
-              <Row gutter={20}>
-                {NFTs.map(({ tokenId, amount, owner }) => (
-                  <Col xs={24} sm={12} lg={6} xl={4} key={tokenId}>
-                    <NFTPreview
-                      contractAddress={selectedNFT?.contract}
-                      tokenId={tokenId}
-                      type="card"
-                      amount={amount}
-                      owner={owner}
-                    />
-                  </Col>
-                ))}
-              </Row>
+              <>
+                <div className="total">
+                  {t(translations.blocks.tipCountBefore)} {toThousands(total)}{' '}
+                  {lang === 'zh' ? '个 ' : ''}
+                  {selectedNFT.name || ''} NFT{' '}
+                  <span>
+                    {t(translations.contract.address)}:{' '}
+                    <AddressContainer value={selectedNFT.contract} />
+                  </span>
+                </div>
+
+                <Row gutter={20}>
+                  {NFTs.map(({ tokenId, amount, owner }) => (
+                    <Col xs={24} sm={12} lg={6} xl={4} key={tokenId}>
+                      <NFTPreview
+                        contractAddress={selectedNFT?.contract}
+                        tokenId={tokenId}
+                        type="card"
+                        amount={amount}
+                        owner={owner}
+                      />
+                    </Col>
+                  ))}
+                </Row>
+              </>
             )}
 
             <Pagination