diff --git a/docs/images/onchainkit/onramp-secure-init.png b/docs/images/onchainkit/onramp-secure-init.png deleted file mode 100644 index 9af958234..000000000 Binary files a/docs/images/onchainkit/onramp-secure-init.png and /dev/null differ diff --git a/docs/onchainkit/latest/components/fund/fund-button.mdx b/docs/onchainkit/latest/components/fund/fund-button.mdx index 313700e8d..7b09d77e7 100644 --- a/docs/onchainkit/latest/components/fund/fund-button.mdx +++ b/docs/onchainkit/latest/components/fund/fund-button.mdx @@ -43,11 +43,19 @@ Coinbase account. ``` + + + [Getting session token](https://docs.cdp.coinbase.com/onramp-&-offramp/session-token-authentication) + + ```tsx import { FundButton } from '@coinbase/onchainkit/fund'; - + + const sessionToken = "YOUR_SESSION_TOKEN"; + + ``` @@ -55,7 +63,7 @@ Coinbase account. {({ address }) => { if (address) { return ( - + ) } return <> @@ -72,20 +80,6 @@ Coinbase account. - - -**Troubleshooting** - -If you see a "something went wrong" error message when navigating to pay.coinbase.com, make sure you have "enforce -secure initialization" disabled on the [Onramp config page in Coinbase Developer Platform Dashboard](https://portal.cdp.coinbase.com/products/onramp). - - -OnchainKit require secure init - - - - - ## Customizing the funding experience You can customize the Coinbase Onramp experience by bringing your own Onramp URL and passing it to the `````` @@ -100,9 +94,7 @@ const projectId = 'YOUR_CDP_PROJECT_ID'; const { address } = useAccount(); const onrampBuyUrl = getOnrampBuyUrl({ - projectId, - addresses: { [address]: ['base'] }, - assets: ['USDC'], + sessionToken: "YOUR_SESSION_TOKEN" presetFiatAmount: 20, fiatCurrency: 'USD' }); @@ -120,9 +112,7 @@ const onrampBuyUrl = getOnrampBuyUrl({ {({ address, projectId }) => { if (address && projectId) { const onrampBuyUrl = getOnrampBuyUrl({ - projectId, - addresses: { [address]: ['base'] }, - assets: ['USDC'], + sessionToken: "YOUR_SESSION_TOKEN" presetFiatAmount: 20, fiatCurrency: 'USD' }); @@ -145,7 +135,7 @@ const onrampBuyUrl = getOnrampBuyUrl({ You can choose to have the funding URL open in a popup or a new tab using the `openIn` prop. ```tsx - + ```