fix: earnings tokenId (#1531)

coinbase · Oct 30, 2024 · b96b350 · b96b350
1 parent 79d846c
commit b96b350
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 3 deletions.
diff --git a/playground/nextjs-app-router/app/mint/MintComponent.tsx b/playground/nextjs-app-router/app/mint/MintComponent.tsx
@@ -20,15 +20,15 @@ export default function MintComponent() {
     <main className="flex w-full items-center justify-center">
       <NFTMintCard
         contractAddress="0x1D6b183bD47F914F9f1d3208EDCF8BefD7F84E63"
-        tokenId="2"
+        tokenId="3"
         useNFTData={useEarningsData}
         buildMintTransaction={buildMintTransaction}
         onStatus={handleOnStatus}
       >
         <NFTCreator className="-mt-1 pt-0" />
         <NFTMedia />
         <NFTCollectionTitle />
-        <NFTMintButton />
+        <NFTMintButton className="[&_button]:bg-[#0052ff] [&_button]:hover:bg-[#014ceb] [&_button]:active:bg-[#0148dc] [&_button]:disabled:bg-[#80a8ff]" />
       </NFTMintCard>
     </main>
   );

diff --git a/playground/nextjs-app-router/components/DemoOptions.tsx b/playground/nextjs-app-router/components/DemoOptions.tsx
@@ -59,12 +59,20 @@ export default function DemoOptions({
         </>
       );
     case OnchainKitComponent.NFTCard:
+      return (
+        <>
+          {commonOptions}
+          <Chain />
+          <NFTOptions />
+        </>
+      );
     case OnchainKitComponent.NFTMintCard:
       return (
         <>
           {commonOptions}
           <Chain />
           <PaymasterUrl />
+          <IsSponsored />
           <NFTOptions />
         </>
       );

diff --git a/playground/nextjs-app-router/components/demo/NFTMintCard.tsx b/playground/nextjs-app-router/components/demo/NFTMintCard.tsx
@@ -20,7 +20,7 @@ import type { TransactionReceipt } from 'viem';
 import { AppContext } from '../AppProvider';
 
 function NFTMintCardDemo() {
-  const { nftToken } = useContext(AppContext);
+  const { nftToken, isSponsored } = useContext(AppContext);
 
   const [contractAddress, tokenId] = (
     nftToken ?? '0x1D6b183bD47F914F9f1d3208EDCF8BefD7F84E63:2'
@@ -47,6 +47,7 @@ function NFTMintCardDemo() {
       tokenId={tokenId}
       useNFTData={useReservoirMintData}
       buildMintTransaction={buildMintTransaction}
+      isSponsored={isSponsored}
       onStatus={handleOnStatus}
       onSuccess={handleOnSuccess}
       onError={handleOnError}

diff --git a/playground/nextjs-app-router/lib/nft/testAddresses.ts b/playground/nextjs-app-router/lib/nft/testAddresses.ts
@@ -10,3 +10,6 @@
 // cb quarterly earnings 0x1D6b183bD47F914F9f1d3208EDCF8BefD7F84E63
 // audio - 0x05a28e3d5f68c8b4a521ab7f74bd887fae6a598d base song
 // ink base - 0xff93d3f49ec467B61BF61D42DDdCFDbA5c732446  ERC721
+// yellow digital meltdown 0x19Ef6FdBddd2752fBA1B419cD43a1Fab5b0101Db ERC721
+// base around the world 0xFE12c6d7555B4A94B352998f8e1E96aDFbE628e9 ERC721
+