From f23c8e334a2764d07da4ca4fc4bc8039ab85f29e Mon Sep 17 00:00:00 2001
From: "Eng. Juan Combetto" <omniwired@gmail.com>
Date: Thu, 18 Apr 2024 22:09:08 +0900
Subject: [PATCH] fiX: mobile: NFT, nothing is shown when a wallet is empty
 #1214 - Added ListEmptyComponent with No NFTs found message using BrandText
 component.

---
 packages/screens/Mini/Wallet/NFTScreen.tsx | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/packages/screens/Mini/Wallet/NFTScreen.tsx b/packages/screens/Mini/Wallet/NFTScreen.tsx
index 85b1874ad2..de93ac39da 100644
--- a/packages/screens/Mini/Wallet/NFTScreen.tsx
+++ b/packages/screens/Mini/Wallet/NFTScreen.tsx
@@ -11,13 +11,15 @@ import {
   Sort,
   SortDirection,
 } from "@/api/marketplace/v1/marketplace";
+import { BrandText } from "@/components/BrandText";
 import { SpacerColumn } from "@/components/spacer";
 import { useCollections } from "@/hooks/useCollections";
+import { useNFTs } from "@/hooks/useNFTs";
 import { useSelectedNativeWallet } from "@/hooks/wallet/useSelectedNativeWallet";
 import { parseNetworkObjectId } from "@/networks";
 import { ScreenFC } from "@/utils/navigation";
 import { neutralA3 } from "@/utils/style/colors";
-import { fontSemibold14 } from "@/utils/style/fonts";
+import { fontSemibold14, fontSemibold16 } from "@/utils/style/fonts";
 import { layout } from "@/utils/style/layout";
 
 const NFTScreen: ScreenFC<"MiniWallets"> = ({ navigation }) => {
@@ -59,11 +61,22 @@ const NFTScreen: ScreenFC<"MiniWallets"> = ({ navigation }) => {
             .toLowerCase()
             .includes(filterText.toLowerCase()),
         )}
+        ListEmptyComponent={
+          <BrandText
+            style={[
+              fontSemibold16,
+              {
+                textAlign: "center",
+                marginTop: layout.spacing_x1_25,
+              },
+            ]}
+          >
+            No NFTs found
+          </BrandText>
+        }
         keyExtractor={(item) => item.id}
         renderItem={({ item, index }) => (
-          <>
-            <NFTAccordion index={index} ownerId={userId} collection={item} />
-          </>
+          <NFTAccordion index={index} ownerId={userId} collection={item} />
         )}
       />
     </View>