From 88d8c208fba10b78a577fc1afdda76dcd1939217 Mon Sep 17 00:00:00 2001
From: Alec Chen <93971719+0xAlec@users.noreply.github.com>
Date: Fri, 22 Nov 2024 01:12:57 +0800
Subject: [PATCH] add imports

---
 site/docs/pages/swap/swap.mdx               | 13 +++++--------
 site/docs/pages/transaction/transaction.mdx |  6 +++---
 site/docs/pages/wallet/wallet.mdx           |  4 +---
 3 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/site/docs/pages/swap/swap.mdx b/site/docs/pages/swap/swap.mdx
index c525b5ac6a..43b9db77cc 100644
--- a/site/docs/pages/swap/swap.mdx
+++ b/site/docs/pages/swap/swap.mdx
@@ -23,7 +23,6 @@ If you'd like more customization, follow the implementation guide for our `Swap`
 
 ```tsx twoslash
 import { Avatar, Name } from '@coinbase/onchainkit/identity';
-import { SwapDefault } from '@coinbase/onchainkit/swap'; // [!code focus]
 import { Wallet, ConnectWallet } from '@coinbase/onchainkit/wallet';
 import { useAccount } from 'wagmi';
 import type { Token } from '@coinbase/onchainkit/token';
@@ -71,18 +70,16 @@ export default function SwapComponents() {
     chainId: 8453,
   };
 // ---cut-before---
-// omitted for brevity
+import { SwapDefault } from '@coinbase/onchainkit/swap'; // [!code focus]
 
 // the first token in array will be initially selected token // [!code focus]
 const swappableFromTokens: Token[] = [wethToken, usdcToken, ethToken, degenToken]; // [!code focus]
 const swappableToTokens: Token[] = [degenToken, ethToken, usdcToken, wethToken] // [!code focus]
 
-return ( // [!code focus]
-  <SwapDefault // [!code focus]
-    from={swappableFromTokens} // [!code focus]
-    to={swappableToTokens} // [!code focus]
-  /> // [!code focus]
-); // [!code focus]
+<SwapDefault // [!code focus]
+  from={swappableFromTokens} // [!code focus]
+  to={swappableToTokens} // [!code focus]
+/> // [!code focus]
 // ---cut-after---
 }
 
diff --git a/site/docs/pages/transaction/transaction.mdx b/site/docs/pages/transaction/transaction.mdx
index fcb3b21b26..343ee22823 100644
--- a/site/docs/pages/transaction/transaction.mdx
+++ b/site/docs/pages/transaction/transaction.mdx
@@ -41,10 +41,10 @@ If you'd like more customization, follow the implementation guide for our `Swap`
 
 ```tsx twoslash
 // @noErrors: 2580 2304 - Cannot find name 'process', Cannot find name 'contracts'
-import { TransactionDefault } from "@coinbase/onchainkit/transaction"
 // ---cut-before---
-// omitted for brevity
-<TransactionDefault contracts={contracts} />
+import { TransactionDefault } from "@coinbase/onchainkit/transaction" // [!code focus]
+
+<TransactionDefault contracts={contracts} /> // [!code focus]
 ```
 
 <App>
diff --git a/site/docs/pages/wallet/wallet.mdx b/site/docs/pages/wallet/wallet.mdx
index a758904927..b5ec876752 100644
--- a/site/docs/pages/wallet/wallet.mdx
+++ b/site/docs/pages/wallet/wallet.mdx
@@ -42,12 +42,10 @@ The `WalletDefault` component is a simplified version of the `Wallet` component,
 If you'd like more customization, follow the implementation guide for our `Wallet` component below.
 
 ```tsx twoslash
-import { WalletDefault } from '@coinbase/onchainkit/wallet';
-
 export function WalletComponents() {
   return (
 // ---cut-before---
-// omitted for brevity
+import { WalletDefault } from '@coinbase/onchainkit/wallet';
 
 <WalletDefault /> // [!code focus]
 // ---cut-after---