From f82b5d5c2b4c5c9ddf86dbb6a527108536a39a33 Mon Sep 17 00:00:00 2001
From: Rushikeshnimkar <rushikeshnimkar396@gmail.com>
Date: Tue, 15 Oct 2024 18:43:20 +0530
Subject: [PATCH] removed plaeholder image

---
 components/NftdataCard.tsx | 24 ++++++++----------------
 1 file changed, 8 insertions(+), 16 deletions(-)

diff --git a/components/NftdataCard.tsx b/components/NftdataCard.tsx
index 523fa9f..68311b1 100644
--- a/components/NftdataCard.tsx
+++ b/components/NftdataCard.tsx
@@ -113,14 +113,15 @@ const NftdataCard: React.FC<ReviewCardProps> = ({
           metadata?.image ||
           metadata?.image_url ||
           metadata?.imageUrl ||
-          metadata?.url;
+          metadata?.url ||
+          metaData.current_token_data.cdn_asset_uris?.cdn_image_uri;
         setImageSrc(imageUrl?.replace("ipfs://", "https://ipfs.io/ipfs/"));
         setAttributes({
-          name: metadata.name,
-          description: metadata.description,
+          name: metadata.name || metaData.current_token_data.token_name,
+          description: metadata.description || metaData.current_token_data.description,
           symbol: metadata.symbol,
           externalUrl: metadata.external_url,
-          collection: metadata.collection,
+          collection: metadata.collection || metaData.current_token_data.current_collection,
           ...metadata.attributes,
         });
       } catch (error) {
@@ -133,6 +134,7 @@ const NftdataCard: React.FC<ReviewCardProps> = ({
     fetchMetaData();
   }, [metaData, chainSymbol]);
 
+  
   if (isLoading) {
     return (
       <div className="flex flex-col items-center justify-center w-full max-w-sm mx-auto">
@@ -171,19 +173,9 @@ const NftdataCard: React.FC<ReviewCardProps> = ({
             <div className="">
               <img
                 alt={metaData.current_token_data.token_name}
-                src={
-                  imageSrc ||
-                  metaData.current_token_data.cdn_asset_uris?.cdn_image_uri
-                }
+                src={imageSrc}
                 className="w-full h-48 object-cover rounded-lg"
-                onError={(e) => {
-                  console.error(
-                    "Image failed to load:",
-                    (e.target as HTMLImageElement).src
-                  );
-                  (e.target as HTMLImageElement).src =
-                    "/path/to/placeholder/image.png"; // Fallback image
-                }}
+              
               />
             </div>
             <div className="w-full">