From 646a5a3788e0d31e210848425a40fb5a7c953bdc Mon Sep 17 00:00:00 2001 From: saminacodes Date: Fri, 4 Apr 2025 17:55:24 +0000 Subject: [PATCH] Ub docs 2 (#6653) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit CORE-0000 --- ## PR-Codex overview This PR focuses on updating the terminology and content related to crypto transactions and user identity features in the application. It enhances documentation and descriptions to better reflect the functionality of the components. ### Detailed summary - Updated `description` in `PayEmbed` to "Prebuilt UI to buy crypto by swapping or fiat onramps". - Changed title in `fund-wallets` from "Fund wallets" to "Buy Crypto". - Added new `Details` sections in `faqs` for Universal Bridge operation and KYC requirements. - Removed user identity links in `sidebar` and reorganized sections. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` --- ## PR-Codex overview This PR focuses on updating the terminology and descriptions related to crypto purchases within the application, particularly changing references from "Fund wallets" to "Buy Crypto." It also adds new FAQ sections and modifies existing sidebar navigation. ### Detailed summary - Updated `description` in `page.mdx` files to reflect "Buy Crypto" instead of "Fund wallets." - Added new FAQ entries in `faqs/page.mdx` about Universal Bridge operations and KYC requirements. - Changed sidebar navigation to include new entries and removed outdated user identity links. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` --- apps/portal/src/app/connect/pay/faqs/page.mdx | 11 ++ apps/portal/src/app/connect/sidebar.tsx | 118 +++++++++--------- .../app/react/v5/pay/fund-wallets/page.mdx | 8 +- .../src/app/react/v5/pay/transaction/page.mdx | 2 +- packages/thirdweb/CHANGELOG.md | 8 +- 5 files changed, 80 insertions(+), 67 deletions(-) diff --git a/apps/portal/src/app/connect/pay/faqs/page.mdx b/apps/portal/src/app/connect/pay/faqs/page.mdx index 4b88deedf84..81f2e0e844e 100644 --- a/apps/portal/src/app/connect/pay/faqs/page.mdx +++ b/apps/portal/src/app/connect/pay/faqs/page.mdx @@ -23,6 +23,17 @@ For buying with crypto or swap fees, thirdweb charges a 0.3% protocol fee. Devel Network fees, also referred to as miner fees, are paid to the miner for processing crypto transactions and securing the respective network. These fees do not go to thirdweb. +
+Universal Bridge is an asset router that combines thirdweb's own onchain infrastructure with existing bridging and swapping protocols to find the optimal route for any given transaction. +This can include intents, native bridges, third party bridges, cross-chain messaging protocols, thirdweb's custom bridges, and more. All routes are monitored and planned continuously for +health, price, and speed to guarantee the best path every time. +
+ +
+Onramp options all require minimal KYC. This is done to comply with local regulations and to ensure the safety of our users. +Please note: onramping with Coinbase does not require KYC for a purchase below $500 with debit card. +
+
We currently require a $1 minimum purchase for both stablecoin and non-stablecoin purchases through Buy With Fiat. diff --git a/apps/portal/src/app/connect/sidebar.tsx b/apps/portal/src/app/connect/sidebar.tsx index d30a839dde0..1f731a8b59d 100644 --- a/apps/portal/src/app/connect/sidebar.tsx +++ b/apps/portal/src/app/connect/sidebar.tsx @@ -220,63 +220,6 @@ export const sidebar: SideBar = { ], }, { separator: true }, - // User identity - { - name: "User Identity", - isCollapsible: false, - links: [ - // Auth - // TODO move to TS reference - { - name: "Sign In with Ethereum", - links: [ - { - name: "Get Started", - href: `${authSlug}`, - }, - { - name: "Frameworks", - isCollapsible: true, - expanded: false, - links: [ - { - name: "Next.js", - href: `${authSlug}/frameworks/next`, - }, - { - name: "React + Express", - href: `${authSlug}/frameworks/react-express`, - }, - ], - }, - { - name: "Deploying to Production", - href: `${authSlug}/deploying-to-production`, - }, - ], - }, - { - name: "Get User Profiles", - href: `${walletSlug}/user-management/get-user-profiles`, - }, - { - name: "Link Multiple Identities", - href: `${walletSlug}/user-management/link-multiple-identity`, - }, - { - name: "Export Private Keys", - href: `${walletSlug}/user-management/export-private-key`, - }, - // TODO: - // { - // name: "Deleting User Details", - // href: `${walletSlug}/user-management/deleting-user-details`, - // }, - ], - }, - { separator: true }, - // Blockchain API - // TODO Overview page? { name: "Universal Bridge", isCollapsible: false, @@ -285,6 +228,10 @@ export const sidebar: SideBar = { name: "Overview", href: `${paySlug}/overview`, }, + { + name: "Supported Routes", + href: "https://thirdweb.com/routes", + }, { name: "Get Started", href: `${paySlug}/get-started`, @@ -326,7 +273,6 @@ export const sidebar: SideBar = { { name: "Customization", isCollapsible: true, - links: [ { name: "ConnectButton", @@ -356,7 +302,63 @@ export const sidebar: SideBar = { }, ], }, + // User identity + { + name: "User Identity", + isCollapsible: false, + links: [ + // Auth + // TODO move to TS reference + { + name: "Sign In with Ethereum", + links: [ + { + name: "Get Started", + href: `${authSlug}`, + }, + { + name: "Frameworks", + isCollapsible: true, + expanded: false, + links: [ + { + name: "Next.js", + href: `${authSlug}/frameworks/next`, + }, + { + name: "React + Express", + href: `${authSlug}/frameworks/react-express`, + }, + ], + }, + { + name: "Deploying to Production", + href: `${authSlug}/deploying-to-production`, + }, + ], + }, + { + name: "Get User Profiles", + href: `${walletSlug}/user-management/get-user-profiles`, + }, + { + name: "Link Multiple Identities", + href: `${walletSlug}/user-management/link-multiple-identity`, + }, + { + name: "Export Private Keys", + href: `${walletSlug}/user-management/export-private-key`, + }, + // TODO: + // { + // name: "Deleting User Details", + // href: `${walletSlug}/user-management/deleting-user-details`, + // }, + ], + }, { separator: true }, + // Blockchain API + // TODO Overview page? { name: "API References", isCollapsible: false, diff --git a/apps/portal/src/app/react/v5/pay/fund-wallets/page.mdx b/apps/portal/src/app/react/v5/pay/fund-wallets/page.mdx index 5ac15d24146..981ae36e101 100644 --- a/apps/portal/src/app/react/v5/pay/fund-wallets/page.mdx +++ b/apps/portal/src/app/react/v5/pay/fund-wallets/page.mdx @@ -4,7 +4,7 @@ import { ReactIcon } from "@/icons"; import { createMetadata } from "@doc"; export const metadata = createMetadata({ - title: "Fund wallets | thirdweb", + title: "Buy Crypto | thirdweb", description: "Let users fund their wallets with crypto or fiat", }); @@ -14,7 +14,7 @@ Let users fund their wallets with crypto or fiat on all the supported chains. ## Live Playground -Try out the demo for yourself in the [fund wallets live playground](https://playground.thirdweb.com/connect/pay) +Try out the demo for yourself in the [buy crypto live playground](https://playground.thirdweb.com/connect/pay) @@ -28,7 +28,7 @@ Try out the demo for yourself in the [fund wallets live playground](https://play ## Usage with UI Components -The easiest way to fund wallets is to use the `PayEmbed` prebuilt UI component. Note that the `ConnectButton` also has a built-in funding flow that can also be customised. +The easiest way to buy crypto is to use the `PayEmbed` prebuilt UI component. Note that the `ConnectButton` also has a built-in funding flow that can also be customised. ```tsx import { PayEmbed } from "thirdweb/react"; @@ -61,7 +61,7 @@ Check out the [PayEmbed API reference](/references/typescript/v5/PayEmbed) for m title="PayEmbed" icon={ReactIcon} href="/references/typescript/v5/PayEmbed" - description="Prebuilt UI to fund wallets with crypto or fiat" + description="Prebuilt UI to buy crypto by swapping or fiat onramps" /> diff --git a/apps/portal/src/app/react/v5/pay/transaction/page.mdx b/apps/portal/src/app/react/v5/pay/transaction/page.mdx index dc1a685ae37..d506c6bd1e9 100644 --- a/apps/portal/src/app/react/v5/pay/transaction/page.mdx +++ b/apps/portal/src/app/react/v5/pay/transaction/page.mdx @@ -67,7 +67,7 @@ Check out the [PayEmbed API reference](/references/typescript/v5/PayEmbed) for m title="PayEmbed" icon={ReactIcon} href="/references/typescript/v5/PayEmbed" - description="Prebuilt UI to fund wallets with crypto or fiat" + description="Prebuilt UI to buy crypto by swapping or fiat onramps" /> diff --git a/packages/thirdweb/CHANGELOG.md b/packages/thirdweb/CHANGELOG.md index 13e80491ace..8dae72395d9 100644 --- a/packages/thirdweb/CHANGELOG.md +++ b/packages/thirdweb/CHANGELOG.md @@ -148,7 +148,7 @@ }); console.log( - `To get ${buyQuote.destinationAmount} wei on destination chain, you need to pay ${buyQuote.originAmount} wei`, + `To get ${buyQuote.destinationAmount} wei on destination chain, you need to pay ${buyQuote.originAmount} wei` ); // When ready to execute, prepare the transaction @@ -183,7 +183,7 @@ }); console.log( - `If you send ${sellQuote.originAmount} wei, you'll receive approximately ${sellQuote.destinationAmount} wei`, + `If you send ${sellQuote.originAmount} wei, you'll receive approximately ${sellQuote.destinationAmount} wei` ); // When ready to execute, prepare the transaction @@ -3105,7 +3105,7 @@ const example1 = parseAbiParams( ["address", "uint256"], - ["0x.....", "1200000"], + ["0x.....", "1200000"] ); // result: ["0x......", 1200000n] ``` @@ -3140,7 +3140,7 @@ You can now configure the PayEmbed component to build 3 different flows: - - Fund wallets: Inline component that allows users to buy any currency. (default) + - Buy Crypto: Inline component that allows users to buy any currency. (default) ```tsx