Skip to content

Commit b882ad7

Browse files
committed
Playground: Fix in-app-wallet ConnectEmbed prebuilt ui code snippet (#7492)
<!-- ## 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 -->
1 parent 030c522 commit b882ad7

File tree

1 file changed

+36
-35
lines changed
  • apps/playground-web/src/app/connect/in-app-wallet

1 file changed

+36
-35
lines changed

apps/playground-web/src/app/connect/in-app-wallet/page.tsx

Lines changed: 36 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -41,43 +41,44 @@ function UIIntegration() {
4141
return (
4242
<div>
4343
<CodeExample
44-
code={`import { inAppWallet } from "thirdweb/wallets";
45-
import { ConnectEmbed } from "thirdweb/react";
44+
code={`\
45+
import { inAppWallet } from "thirdweb/wallets";
46+
import { ConnectEmbed } from "thirdweb/react";
4647
47-
const wallets = [
48-
inAppWallet(
49-
// built-in auth methods
50-
// or bring your own auth endpoint
51-
{ auth: {
52-
options: [
53-
"google",
54-
"x",
55-
"apple",
56-
"discord",
57-
"facebook",
58-
"farcaster",
59-
"telegram",
60-
"coinbase",
61-
"line",
62-
"email",
63-
"phone",
64-
"passkey",
65-
"guest",
66-
]
67-
}
68-
},
69-
// optional execution mode, defaults to "EOA"
70-
executionMode: {
71-
mode: "EIP7702", // or "EIP4337" or "EOA"
72-
sponsorGas: true, // sponsor gas for all transactions
73-
}
74-
)
75-
];
48+
const wallets = [
49+
inAppWallet(
50+
// built-in auth methods
51+
// or bring your own auth endpoint
52+
{
53+
auth: {
54+
options: [
55+
"google",
56+
"x",
57+
"apple",
58+
"discord",
59+
"facebook",
60+
"farcaster",
61+
"telegram",
62+
"coinbase",
63+
"line",
64+
"email",
65+
"phone",
66+
"passkey",
67+
"guest",
68+
],
69+
},
70+
// optional execution mode, defaults to "EOA"
71+
executionMode: {
72+
mode: "EIP7702", // or "EIP4337" or "EOA"
73+
sponsorGas: true, // sponsor gas for all transactions
74+
},
75+
},
76+
),
77+
];
7678
77-
function App(){
78-
return (
79-
<ConnectEmbed client={client} wallets={wallets} />);
80-
};`}
79+
function App() {
80+
return <ConnectEmbed client={client} wallets={wallets} />;
81+
}`}
8182
header={{
8283
description:
8384
"Instant out of the box authentication with a prebuilt UI.",

0 commit comments

Comments
 (0)