From e281ed185e5e21087bd22ff9d884259c09acbe66 Mon Sep 17 00:00:00 2001
From: eabdelmoneim <10700302+eabdelmoneim@users.noreply.github.com>
Date: Fri, 12 Dec 2025 17:52:12 +0000
Subject: [PATCH] [Playground] Fix bridge/payments documentation links (#8549)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

https://linear.app/thirdweb/issue/PRO-148/fix-playground-doc-links-for-bridge-components

Update documentation links for bridge/payments widgets to follow consistent naming convention:
- Buy Widget: wallets/sponsor-gas → references/typescript/v5/BuyWidget
- Checkout Widget: payments → references/typescript/v5/CheckoutWidget
- Transaction Widget: wallets/sponsor-gas → references/typescript/v5/TransactionWidget
- Transaction Button: Add missing utm_source=playground parameter

All links now point to /references/typescript/v5/{WidgetName} with utm_source tracking.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

<!--

## title your PR with this format: "[SDK/Dashboard/Portal] Feature/Fix: Concise title for the changes"

If you did not copy the branch name from Linear, paste the issue tag here (format is TEAM-0000):

## Notes for the reviewer

Anything important to call out? Be sure to also clarify these in your comments.

## How to test

Unit tests, playground, etc.

-->

<!-- start pr-codex -->

---

## PR-Codex overview
This PR updates the `docsLink` properties in several components to point to the correct documentation pages for various widgets in the `playground-web` application.

### Detailed summary
- Updated `docsLink` in `apps/playground-web/src/app/bridge/buy-widget/page.tsx` to point to `BuyWidget`.
- Updated `docsLink` in `apps/playground-web/src/app/bridge/checkout-widget/page.tsx` to point to `CheckoutWidget`.
- Updated `docsLink` in `apps/playground-web/src/app/bridge/transaction-button/page.tsx` to include `?utm_source=playground`.
- Updated `docsLink` in `apps/playground-web/src/app/bridge/transaction-widget/page.tsx` to point to `TransactionWidget`.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->

## Summary by CodeRabbit

* **Documentation**
  * Updated documentation links across playground widgets to reference current TypeScript v5 documentation resources.

<sub>✏️ Tip: You can customize this high-level summary in your review settings.</sub>

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 apps/playground-web/src/app/bridge/buy-widget/page.tsx         | 2 +-
 apps/playground-web/src/app/bridge/checkout-widget/page.tsx    | 2 +-
 apps/playground-web/src/app/bridge/transaction-button/page.tsx | 2 +-
 apps/playground-web/src/app/bridge/transaction-widget/page.tsx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/playground-web/src/app/bridge/buy-widget/page.tsx b/apps/playground-web/src/app/bridge/buy-widget/page.tsx
index ae028436ffe..9101e859d4c 100644
--- a/apps/playground-web/src/app/bridge/buy-widget/page.tsx
+++ b/apps/playground-web/src/app/bridge/buy-widget/page.tsx
@@ -26,7 +26,7 @@ export default function Page() {
         icon={ShoppingBagIcon}
         title={title}
         description={description}
-        docsLink="https://portal.thirdweb.com/wallets/sponsor-gas?utm_source=playground"
+        docsLink="https://portal.thirdweb.com/references/typescript/v5/BuyWidget?utm_source=playground"
       >
         <BuyPlayground />
       </PageLayout>
diff --git a/apps/playground-web/src/app/bridge/checkout-widget/page.tsx b/apps/playground-web/src/app/bridge/checkout-widget/page.tsx
index 7716b360597..b336e64c80e 100644
--- a/apps/playground-web/src/app/bridge/checkout-widget/page.tsx
+++ b/apps/playground-web/src/app/bridge/checkout-widget/page.tsx
@@ -26,7 +26,7 @@ export default function Page() {
         icon={CreditCardIcon}
         title={title}
         description={description}
-        docsLink="https://portal.thirdweb.com/payments?utm_source=playground"
+        docsLink="https://portal.thirdweb.com/references/typescript/v5/CheckoutWidget?utm_source=playground"
       >
         <CheckoutPlayground />
       </PageLayout>
diff --git a/apps/playground-web/src/app/bridge/transaction-button/page.tsx b/apps/playground-web/src/app/bridge/transaction-button/page.tsx
index 18ecf2301f7..28786b857c6 100644
--- a/apps/playground-web/src/app/bridge/transaction-button/page.tsx
+++ b/apps/playground-web/src/app/bridge/transaction-button/page.tsx
@@ -25,7 +25,7 @@ export default function Page() {
         icon={ArrowLeftRightIcon}
         containerClassName="space-y-12"
         description={description}
-        docsLink="https://portal.thirdweb.com/references/typescript/v5/TransactionButton"
+        docsLink="https://portal.thirdweb.com/references/typescript/v5/TransactionButton?utm_source=playground"
         title={title}
       >
         <Example />
diff --git a/apps/playground-web/src/app/bridge/transaction-widget/page.tsx b/apps/playground-web/src/app/bridge/transaction-widget/page.tsx
index 2acb7f656b2..de7f3355150 100644
--- a/apps/playground-web/src/app/bridge/transaction-widget/page.tsx
+++ b/apps/playground-web/src/app/bridge/transaction-widget/page.tsx
@@ -26,7 +26,7 @@ export default function Page() {
         icon={ArrowLeftRightIcon}
         containerClassName="space-y-12"
         description={description}
-        docsLink="https://portal.thirdweb.com/wallets/sponsor-gas?utm_source=playground"
+        docsLink="https://portal.thirdweb.com/references/typescript/v5/TransactionWidget?utm_source=playground"
         title={title}
       >
         <TransactionPlayground />