From b882ad7807cbd2adb87a292efaeb4f35088e31e2 Mon Sep 17 00:00:00 2001
From: MananTank <manantankm@gmail.com>
Date: Tue, 1 Jul 2025 20:10:18 +0000
Subject: [PATCH] Playground: Fix in-app-wallet ConnectEmbed prebuilt ui code
 snippet (#7492)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<!--

## 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 `page.tsx` file in the `in-app-wallet` directory to improve the formatting of the `wallets` configuration and the `App` function, ensuring consistent indentation and structure.

### Detailed summary
- Reformatted the `wallets` array for improved readability.
- Changed the indentation of the `auth` and `executionMode` properties.
- Updated the `App` function to have consistent spacing around the return statement.

> ✨ 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

* **Style**
  * Improved formatting and readability of code examples and component structure in the in-app wallet integration page. No changes to functionality.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 .../src/app/connect/in-app-wallet/page.tsx    | 71 ++++++++++---------
 1 file changed, 36 insertions(+), 35 deletions(-)

diff --git a/apps/playground-web/src/app/connect/in-app-wallet/page.tsx b/apps/playground-web/src/app/connect/in-app-wallet/page.tsx
index 6e51d5db370..0cde2f5a711 100644
--- a/apps/playground-web/src/app/connect/in-app-wallet/page.tsx
+++ b/apps/playground-web/src/app/connect/in-app-wallet/page.tsx
@@ -41,43 +41,44 @@ function UIIntegration() {
   return (
     <div>
       <CodeExample
-        code={`import { inAppWallet } from "thirdweb/wallets";
-        import { ConnectEmbed } from "thirdweb/react";
+        code={`\
+import { inAppWallet } from "thirdweb/wallets";
+import { ConnectEmbed } from "thirdweb/react";
 
-        const wallets = [
-          inAppWallet(
-            // built-in auth methods
-            // or bring your own auth endpoint
-            { auth: {
-              options: [
-              "google",
-              "x",
-              "apple",
-              "discord",
-              "facebook",
-              "farcaster",
-              "telegram",
-              "coinbase",
-              "line",
-              "email",
-              "phone",
-              "passkey",
-              "guest",
-              ]
-              }
-            },
-            // optional execution mode, defaults to "EOA"
-            executionMode: {
-              mode: "EIP7702", // or "EIP4337" or "EOA"
-              sponsorGas: true, // sponsor gas for all transactions
-            }
-          )
-        ];
+const wallets = [
+  inAppWallet(
+    // built-in auth methods
+    // or bring your own auth endpoint
+    {
+      auth: {
+        options: [
+          "google",
+          "x",
+          "apple",
+          "discord",
+          "facebook",
+          "farcaster",
+          "telegram",
+          "coinbase",
+          "line",
+          "email",
+          "phone",
+          "passkey",
+          "guest",
+        ],
+      },
+      // optional execution mode, defaults to "EOA"
+      executionMode: {
+        mode: "EIP7702", // or "EIP4337" or "EOA"
+        sponsorGas: true, // sponsor gas for all transactions
+      },
+    },
+  ),
+];
 
-        function App(){
-          return (
-<ConnectEmbed client={client} wallets={wallets} />);
-};`}
+function App() {
+  return <ConnectEmbed client={client} wallets={wallets} />;
+}`}
         header={{
           description:
             "Instant out of the box authentication with a prebuilt UI.",