Skip to content

Commit 00b943c

Browse files
gregfromstlgregfromstl
committed
chore: sidebar cleanup
1 parent b69292c commit 00b943c

File tree

13 files changed

+22
-87
lines changed

13 files changed

+22
-87
lines changed

‎apps/portal/src/app/engine/v2/layout.tsx‎

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,7 @@ export default async function Layout(props: { children: React.ReactNode }) {
88
<DocLayout
99
editPageButton={true}
1010
sideBar={sidebar}
11-
sidebarHeader={
12-
<div className="flex-col items-center gap-1">
13-
<p className="py-5 font-semibold text-foreground text-lg">Engine</p>
14-
<EngineVersionSelector selected="v2" />
15-
</div>
16-
}
11+
sidebarHeader={<EngineVersionSelector selected="v2" />}
1712
>
1813
{props.children}
1914
</DocLayout>

‎apps/portal/src/app/engine/v3/layout.tsx‎

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,14 +8,7 @@ export default async function Layout(props: { children: React.ReactNode }) {
88
<DocLayout
99
editPageButton={true}
1010
sideBar={sidebar}
11-
sidebarHeader={
12-
<div className="flex-col items-center gap-1">
13-
<p className="py-5 font-semibold text-foreground text-lg">
14-
Transactions
15-
</p>
16-
<EngineVersionSelector selected="v3" />
17-
</div>
18-
}
11+
sidebarHeader={<EngineVersionSelector selected="v3" />}
1912
>
2013
{props.children}
2114
</DocLayout>

‎apps/portal/src/app/payments/products/page.mdx‎

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,17 @@ export const metadata = createMetadata({
1919

2020
Accept crypto and fiat payments for any product using the `CheckoutWidget`.
2121

22-
## Basic Setup
22+
<Tabs defaultValue="typescript">
23+
<TabsList>
24+
<TabsTrigger value="react" className="flex items-center gap-2 [&>p]:mb-0">
25+
<ReactIcon className="w-4 h-4 mr-2" />
26+
React
27+
</TabsTrigger>
28+
</TabsList>
29+
30+
<TabsContent value="react">
31+
32+
### Sell a Product with the `CheckoutWidget`
2333

2434
```tsx
2535
import { CheckoutWidget } from "thirdweb/react";
@@ -60,6 +70,8 @@ function ProductPage() {
6070
```
6171

6272
The CheckoutWidget handles the complete payment flow, supporting both crypto and fiat payments across 50+ chains.
73+
</TabsContent>
74+
</Tabs>
6375

6476
## Going Further
6577

‎apps/portal/src/app/react-native/v5/layout.tsx‎

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,7 @@ export default async function Layout(props: { children: React.ReactNode }) {
88
<DocLayout
99
editPageButton={true}
1010
sideBar={sidebar}
11-
sidebarHeader={
12-
<div className="flex-col items-center gap-1">
13-
<p className="py-5 font-semibold text-foreground text-lg">Connect</p>
14-
<PlatformSelector selected="React Native" />
15-
</div>
16-
}
11+
sidebarHeader={<PlatformSelector selected="React Native" />}
1712
>
1813
<div>{props.children}</div>
1914
</DocLayout>

‎apps/portal/src/app/react-native/v5/page.mdx‎

Lines changed: 0 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -39,16 +39,6 @@ Many of the components and hooks in the React Native SDK use a [`client`](/types
3939
description="Get to know the differences between React and React Native usage"
4040
/>
4141

42-
<Callout variant="info" title="Have you generated a client ID?">
43-
<div className="flex flex-col gap-4 items-start">
44-
<p>
45-
You'll need a client ID to access the SDK's free blockchain APIs, storage, and more.
46-
</p>
47-
<Button variant='outline' asChild>
48-
<Link href="https://thirdweb.com/create-api-key" target="_blank"> Generate </Link>
49-
</Button>
50-
</div>
51-
</Callout>
5242

5343
## Starter kit
5444

‎apps/portal/src/app/react/v5/layout.tsx‎

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,7 @@ export default async function Layout(props: { children: React.ReactNode }) {
88
<DocLayout
99
editPageButton={true}
1010
sideBar={sidebar}
11-
sidebarHeader={
12-
<div className="flex-col items-center gap-1">
13-
<p className="py-5 font-semibold text-foreground text-lg">Connect</p>
14-
<PlatformSelector selected="React" />
15-
</div>
16-
}
11+
sidebarHeader={<PlatformSelector selected="React" />}
1712
>
1813
<div>{props.children}</div>
1914
</DocLayout>

‎apps/portal/src/app/react/v5/page.mdx‎

Lines changed: 0 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -41,17 +41,6 @@ Follow this [guide](/react/v5/getting-started) to get started with the React SDK
4141
/>
4242
</Stack>
4343

44-
<Callout variant="info" title="Have you generated a client ID?">
45-
<div className="flex flex-col gap-4 items-start">
46-
<p>
47-
You'll need a client ID to access the SDK's free blockchain APIs, storage, and more.
48-
</p>
49-
<Button variant='outline' asChild>
50-
<Link href="https://thirdweb.com/create-api-key" target="_blank"> Generate </Link>
51-
</Button>
52-
</div>
53-
</Callout>
54-
5544
## Starter kits
5645

5746
You can quickly create a new project with the thirdweb CLI

‎apps/portal/src/app/typescript/v5/layout.tsx‎

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,7 @@ export default async function Layout(props: { children: React.ReactNode }) {
88
<DocLayout
99
editPageButton={true}
1010
sideBar={sidebar}
11-
sidebarHeader={
12-
<div className="flex-col items-center gap-1">
13-
<p className="py-5 font-semibold text-foreground text-lg">Connect</p>
14-
<PlatformSelector selected="TypeScript" />
15-
</div>
16-
}
11+
sidebarHeader={<PlatformSelector selected="TypeScript" />}
1712
>
1813
<div>{props.children}</div>
1914
</DocLayout>

‎apps/portal/src/app/typescript/v5/page.mdx‎

Lines changed: 0 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -51,17 +51,6 @@ Performant & lightweight SDK to interact with any EVM chain from Node, React and
5151
bun="bun i thirdweb"
5252
/>
5353

54-
<Callout variant="info" title="Have you generated a client ID?">
55-
<div className="flex flex-col gap-4 items-start">
56-
<p>
57-
You'll need a client ID to access the SDK's free blockchain APIs, storage, and more.
58-
</p>
59-
<Button variant='outline' asChild>
60-
<Link href="https://thirdweb.com/create-api-key" target="_blank"> Generate </Link>
61-
</Button>
62-
</div>
63-
</Callout>
64-
6554
## Quickstart
6655

6756
Follow our [Quickstart](/typescript/v5/getting-started) to get started with the TypeScript SDK.

‎apps/portal/src/app/typescript/v5/sidebar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -345,5 +345,5 @@ export const sidebar: SideBar = {
345345
name: "Migrate from v4",
346346
},
347347
],
348-
name: "Connect Typescript SDK",
348+
name: "Typescript SDK",
349349
};

0 commit comments

Comments
 (0)