Add opensea link reading the contract from API (#59)

BuidlGuidl · Dec 16, 2024 · 65969ae · 65969ae
1 parent 02bb65b
commit 65969ae
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/nextjs/pages/batches/index.tsx b/packages/nextjs/pages/batches/index.tsx
@@ -13,6 +13,7 @@ interface BatchData {
   telegramLink: string;
   startDate: number;
   contractAddress: string;
+  nftContractAddress: string;
   totalParticipants: number;
   graduates: number;
   batchPageLink?: string;
@@ -236,6 +237,15 @@ const Batches = ({ batchData, openBatchNumber }: PageProps) => {
                             >
                               <Image src="/assets/github-logo.png" alt="GitHub" width={24} height={24} />
                             </TrackedLink>
+                            {batch.nftContractAddress && batch.graduates > 0 && (
+                              <TrackedLink
+                                id={`${batch.name}-opensea`}
+                                href={`https://opensea.io/assets/optimism/${batch.nftContractAddress}`}
+                                className="btn btn-xs btn-ghost p-0 min-h-0 w-[24px] h-[24px] hover:opacity-80 flex items-center justify-center"
+                              >
+                                <Image src="/assets/opensea-logo.svg" alt="OpenSea" width={24} height={24} />
+                              </TrackedLink>
+                            )}
                           </div>
                         </div>
                       </div>