Skip to content

Commit a9c5cb8

Browse files
committed
fix: mint button styling updates
1 parent a4b68e7 commit a9c5cb8

File tree

2 files changed

+9
-5
lines changed

2 files changed

+9
-5
lines changed

.changeset/happy-bobcats-drum.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@coinbase/onchainkit': patch
3+
---
4+
5+
***fix***: Update NFT Mint Button for easier styling. By @alessey #1807

src/ui/react/nft/mint/NFTMintButton.tsx

+4-5
Original file line numberDiff line numberDiff line change
@@ -137,21 +137,20 @@ export function NFTMintButton({
137137

138138
if (!address) {
139139
return (
140-
<div className={cn(className)}>
141-
<ConnectWallet className="w-full" />
142-
</div>
140+
<ConnectWallet className={cn("w-full", className)} />
143141
);
144142
}
145143

146144
return (
147-
<div className={cn(className)}>
145+
<>
148146
<Transaction
149147
isSponsored={isSponsored}
150148
chainId={chainId}
151149
calls={callData}
152150
onStatus={handleOnStatus}
153151
>
154152
<TransactionButton
153+
className={className}
155154
text={transactionButtonLabel}
156155
pendingOverride={pendingOverride}
157156
successOverride={successOverride}
@@ -169,6 +168,6 @@ export function NFTMintButton({
169168
{mintError}
170169
</div>
171170
)}
172-
</div>
171+
</>
173172
);
174173
}

0 commit comments

Comments
 (0)