Malformed nft (#18)

covalenthq · Dec 3, 2023 · 69f729e · 69f729e
1 parent 31b6538
commit 69f729e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 11 deletions.
diff --git a/src/components/Organisms/NFTs/NFTWalletTokenListView/NFTWalletTokenListView.tsx b/src/components/Organisms/NFTs/NFTWalletTokenListView/NFTWalletTokenListView.tsx
@@ -61,16 +61,8 @@ export const NFTWalletTokenListView: React.FC<NFTWalletTokenListViewProps> = ({
                             <Card className="w-[230px] rounded border">
                                 <CardContent>
                                     <img
-                                        className={`block h-[10rem] w-full rounded-t ${
-                                            it.external_data
-                                                ? "object-cover"
-                                                : "p-2"
-                                        }`}
-                                        src={
-                                            it.external_data
-                                                ? it.external_data.image_512
-                                                : "https://www.datocms-assets.com/86369/1685489960-nft.svg"
-                                        }
+                                        className={`block h-[10rem] w-full rounded-t ${it.external_data?.image_512 ? "object-cover" : "p-2"}`}
+                                        src={it.external_data?.image_512 ? it.external_data.image_512 : "https://www.datocms-assets.com/86369/1685489960-nft.svg"}
                                         onError={(e) => {
                                             e.currentTarget.classList.remove(
                                                 "object-cover"
@@ -151,8 +143,12 @@ export const NFTWalletTokenListView: React.FC<NFTWalletTokenListViewProps> = ({
                                                 />
                                             ),
                                             Some: (result) => {
+                                                let nft_length = 0;
+                                                for (const i of result) {
+                                                    nft_length += i.nft_data.length;
+                                                }
                                                 return (
-                                                    <span>{result.length}</span>
+                                                    <span>{nft_length}</span>
                                                 );
                                             },
                                         })}{" "}

diff --git a/src/utils/store/Goldrush.tsx b/src/utils/store/Goldrush.tsx
@@ -2,6 +2,7 @@ import type { ReactNode } from "react";
 import { createContext, useContext, useMemo } from "react";
 import { updateTheme } from "../functions";
 import { CovalentClient } from "@covalenthq/client-sdk";
+import { Toaster } from "@/components/ui/toaster";
 
 interface GoldrushContextType {
     covalentClient: CovalentClient;
@@ -149,6 +150,7 @@ export const GoldRushProvider: React.FC<GoldRushProviderProps> = ({
     return (
         <GoldRushContext.Provider value={{ covalentClient: covalentClient }}>
             {children}
+            <Toaster />
         </GoldRushContext.Provider>
     );
 };