From 21788de1efe77583477bfe4a61b288b504ecc919 Mon Sep 17 00:00:00 2001
From: Jungho Bang <jungho.bang@coinbase.com>
Date: Fri, 17 Nov 2023 14:13:19 -0500
Subject: [PATCH] Add links to TestApp and README (#1072)

* readme

* adding a button to docs page
---
 README.md                              | 3 +++
 apps/testapp/src/components/Layout.tsx | 6 ++++++
 2 files changed, 9 insertions(+)

diff --git a/README.md b/README.md
index 22e0836f7d..0204e730ef 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,9 @@
 
 # Coinbase Wallet SDK
 
+- [Playground](https://coinbase.github.io/coinbase-wallet-sdk/)
+- [Developer docs](https://docs.cloud.coinbase.com/wallet-sdk/docs)
+
 Coinbase Wallet SDK (formerly WalletLink) lets developers connect their dapps to Coinbase Wallet
 on both mobile web (for iOS and Android) and desktop:
 
diff --git a/apps/testapp/src/components/Layout.tsx b/apps/testapp/src/components/Layout.tsx
index da912a37e0..52826de31e 100644
--- a/apps/testapp/src/components/Layout.tsx
+++ b/apps/testapp/src/components/Layout.tsx
@@ -21,6 +21,11 @@ export const WIDTH_2XL = '1536px';
 
 export function Layout({ children }: LayoutProps) {
   const { sdk, sdkVersion, setSDKVersion } = useCBWSDK();
+
+  const handleClockDocs = () => {
+    window.open('https://cbdev.io/walletstart', '_blank');
+  };
+
   const handleDisconnect = () => {
     if (sdk) {
       sdk.disconnect();
@@ -34,6 +39,7 @@ export function Layout({ children }: LayoutProps) {
           <Flex justifyContent="space-between" alignItems="center">
             <Heading>Coinbase Wallet SDK - Playground</Heading>
             <Flex justifyContent="space-between" alignItems="center" gap={4}>
+              <Button onClick={handleClockDocs}>Docs</Button>
               <Menu>
                 <MenuButton as={Button} rightIcon={<ChevronDownIcon />}>
                   {`SDK: ${sdkVersion}`}