chore: update collection image on homepage and collection page

stampchain-io · Feb 12, 2025 · fc87c85 · fc87c85
1 parent 0e6d57c
commit fc87c85
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 4 deletions.
diff --git a/components/collection/CollectionListCard.tsx b/components/collection/CollectionListCard.tsx
@@ -32,7 +32,11 @@ export function CollectionListCard(
     >
       <div
         class={`${imageContentClassName} ${isHovered ? "grayscale-0" : ""}`}
-        style={{ backgroundImage: `url('${collection.first_stamp_image}')` }}
+        style={{
+          backgroundImage: `url('${
+            collection.first_stamp_image || collection.img
+          }')`,
+        }}
       >
       </div>
       <div

diff --git a/components/collection/CollectionOverviewCard.tsx b/components/collection/CollectionOverviewCard.tsx
@@ -13,7 +13,7 @@ export function CollectionOverviewCard(
     "text-sm mobileLg:text-base font-light text-stamp-grey-darker uppercase";
   const dataValueSm =
     "text-sm mobileLg:text-base font-medium text-stamp-grey-light";
-  console.log("collection====>", collection);
+
   return (
     <a
       href={`/collection/details/${collection.collection_name}`}

diff --git a/islands/home/HomeStampPreview.tsx b/islands/home/HomeStampPreview.tsx
@@ -115,7 +115,7 @@ export function HomeStampPreview({
       "desktop": 3, // 3 columns x 1 rows
     },
   };
-
+  console.log(stamps_art, stamps_posh, stamps_src721, collectionData);
   return (
     <div className="
       flex flex-col gap-12 mobileLg:gap-24 desktop:gap-36

diff --git a/server/controller/stampController.ts b/server/controller/stampController.ts
@@ -439,13 +439,24 @@ export class StampController {
         });
         poshStamps = poshResult.data;
       }
+      const collectionData = []
+      await Promise.all(
+        collections?.data.map(async (item) => {
+          const result = await this.getStamps({
+            collectionId: item.collection_id,
+            ident: ["STAMP", "SRC-721", "SRC-20"],
+            sortBy: "DESC"
+          });
+          collectionData.push({ ...item, img: result.data?.[0]?.stamp_url });
+        }),
+      );
 
       return {
         carouselStamps: carouselData.data ?? [],
         stamps_src721: mainCategories[1]?.stamps ?? [],
         stamps_art: mainCategories[2]?.stamps ?? [], // Now at index 2
         stamps_posh: poshStamps,
-        collectionData: collections.data ?? [],
+        collectionData: collectionData ?? [],
       };
 
     } catch (error) {