Skip to content

Commit a94f499

Browse files
gregfromstlgregfromstl
committed
changeset
1 parent 498df2c commit a94f499

File tree

3 files changed

+58
-54
lines changed

3 files changed

+58
-54
lines changed

‎.changeset/hip-mammals-sip.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"thirdweb": patch
3+
---
4+
5+
Adds the ability to hide thirdweb branding in the payment widgets with showThirdwebBranding

‎apps/playground-web/src/app/connect/pay/embed/LeftSection.tsx‎

Lines changed: 49 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -138,35 +138,35 @@ export function LeftSection(props: {
138138
{(!payOptions.widget ||
139139
payOptions.widget === "buy" ||
140140
payOptions.widget === "checkout") && (
141-
<div className="space-y-4">
142-
{/* Chain selection */}
141+
<div className="space-y-4">
142+
{/* Chain selection */}
143+
<div className="flex flex-col gap-2">
144+
<Label>Chain</Label>
145+
<SingleNetworkSelector
146+
chainId={selectedChain}
147+
disableTestnets={true}
148+
onChange={handleChainChange}
149+
placeholder="Select a chain"
150+
/>
151+
</div>
152+
153+
{/* Token selection - only show if chain is selected */}
154+
{selectedChain && (
143155
<div className="flex flex-col gap-2">
144-
<Label>Chain</Label>
145-
<SingleNetworkSelector
156+
<Label>Token</Label>
157+
<TokenSelector
158+
addNativeTokenIfMissing={true}
146159
chainId={selectedChain}
147-
disableTestnets={true}
148-
onChange={handleChainChange}
149-
placeholder="Select a chain"
160+
client={THIRDWEB_CLIENT}
161+
enabled={true}
162+
onChange={handleTokenChange}
163+
placeholder="Select a token"
164+
selectedToken={selectedToken}
150165
/>
151166
</div>
152-
153-
{/* Token selection - only show if chain is selected */}
154-
{selectedChain && (
155-
<div className="flex flex-col gap-2">
156-
<Label>Token</Label>
157-
<TokenSelector
158-
addNativeTokenIfMissing={true}
159-
chainId={selectedChain}
160-
client={THIRDWEB_CLIENT}
161-
enabled={true}
162-
onChange={handleTokenChange}
163-
placeholder="Select a token"
164-
selectedToken={selectedToken}
165-
/>
166-
</div>
167-
)}
168-
</div>
169-
)}
167+
)}
168+
</div>
169+
)}
170170

171171
{/* Mode-specific form fields */}
172172
<div className="my-2">
@@ -207,14 +207,14 @@ export function LeftSection(props: {
207207
...v.payOptions,
208208
paymentMethods: checked
209209
? [
210-
...v.payOptions.paymentMethods.filter(
210+
...v.payOptions.paymentMethods.filter(
211+
(m) => m !== "crypto",
212+
),
213+
"crypto",
214+
]
215+
: v.payOptions.paymentMethods.filter(
211216
(m) => m !== "crypto",
212217
),
213-
"crypto",
214-
]
215-
: v.payOptions.paymentMethods.filter(
216-
(m) => m !== "crypto",
217-
),
218218
},
219219
}));
220220
}}
@@ -232,14 +232,14 @@ export function LeftSection(props: {
232232
...v.payOptions,
233233
paymentMethods: checked
234234
? [
235-
...v.payOptions.paymentMethods.filter(
235+
...v.payOptions.paymentMethods.filter(
236+
(m) => m !== "card",
237+
),
238+
"card",
239+
]
240+
: v.payOptions.paymentMethods.filter(
236241
(m) => m !== "card",
237242
),
238-
"card",
239-
]
240-
: v.payOptions.paymentMethods.filter(
241-
(m) => m !== "card",
242-
),
243243
},
244244
}));
245245
}}
@@ -307,14 +307,14 @@ export function LeftSection(props: {
307307
...v.payOptions,
308308
paymentMethods: checked
309309
? [
310-
...v.payOptions.paymentMethods.filter(
310+
...v.payOptions.paymentMethods.filter(
311+
(m) => m !== "crypto",
312+
),
313+
"crypto",
314+
]
315+
: v.payOptions.paymentMethods.filter(
311316
(m) => m !== "crypto",
312317
),
313-
"crypto",
314-
]
315-
: v.payOptions.paymentMethods.filter(
316-
(m) => m !== "crypto",
317-
),
318318
},
319319
}));
320320
}}
@@ -334,14 +334,14 @@ export function LeftSection(props: {
334334
...v.payOptions,
335335
paymentMethods: checked
336336
? [
337-
...v.payOptions.paymentMethods.filter(
337+
...v.payOptions.paymentMethods.filter(
338+
(m) => m !== "card",
339+
),
340+
"card",
341+
]
342+
: v.payOptions.paymentMethods.filter(
338343
(m) => m !== "card",
339344
),
340-
"card",
341-
]
342-
: v.payOptions.paymentMethods.filter(
343-
(m) => m !== "card",
344-
),
345345
},
346346
}));
347347
}}
@@ -481,7 +481,6 @@ export function LeftSection(props: {
481481
/>
482482
<Label htmlFor={"branding"}>Show Branding</Label>
483483
</div>
484-
485484
</CollapsibleSection>
486485

487486
<CollapsibleSection icon={FuelIcon} title="Sponsor gas fees">

‎apps/playground-web/src/app/connect/pay/embed/RightSection.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -45,11 +45,11 @@ export function RightSection(props: {
4545
const themeObj =
4646
props.options.theme.type === "dark"
4747
? darkTheme({
48-
colors: props.options.theme.darkColorOverrides,
49-
})
48+
colors: props.options.theme.darkColorOverrides,
49+
})
5050
: lightTheme({
51-
colors: props.options.theme.lightColorOverrides,
52-
});
51+
colors: props.options.theme.lightColorOverrides,
52+
});
5353

5454
let embed: React.ReactNode;
5555
if (props.options.payOptions.widget === "buy") {

0 commit comments

Comments
 (0)