Skip to content
This repository was archived by the owner on Jun 19, 2024. It is now read-only.

Commit 99bbb52

Browse files
MananTankMananTank
authored
Remove v4 SDK doc references and update /ui-components page (#2624)
Remove v4 SDK doc references,
1 parent 40d3969 commit 99bbb52

File tree

6 files changed

+34
-44
lines changed

6 files changed

+34
-44
lines changed

‎src/components/footer/footerLinks.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -31,12 +31,12 @@ export const SDKs: FooterLinkInfo[] = [
3131
{
3232
label: "javascript",
3333
name: "JavaScript",
34-
link: "https://portal.thirdweb.com/typescript/latest",
34+
link: "https://portal.thirdweb.com/typescript/v5",
3535
},
3636
{
3737
label: "react",
3838
name: "React",
39-
link: "https://portal.thirdweb.com/react/latest",
39+
link: "https://portal.thirdweb.com/typescript/v5/react",
4040
},
4141
{
4242
label: "contracts",

‎src/pages/build/base.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -529,7 +529,7 @@ const Base: ThirdwebNextPage = () => {
529529
links: [
530530
{
531531
text: "Browse docs",
532-
href: "https://portal.thirdweb.com/react/latest",
532+
href: "https://portal.thirdweb.com/typescript/v5/react",
533533
},
534534
{
535535
text: "Browse templates",

‎src/pages/connect.tsx

+3-8
Original file line numberDiff line numberDiff line change
@@ -84,17 +84,12 @@ const GUIDES = [
8484
{
8585
title: "The Quick-Start Guide to thirdweb Connect",
8686
image: require("/public/assets/product-pages/connect/get-started.png"),
87-
link: "https://portal.thirdweb.com/react/latest/components/ConnectWallet",
87+
link: "https://portal.thirdweb.com/connect",
8888
},
8989
{
9090
title: "Add a Connect Wallet Button to Your App or Website",
9191
image: require("/public/assets/product-pages/connect/connect-wallet.png"),
92-
link: "https://blog.thirdweb.com/guides/add-connectwallet-to-your-website/",
93-
},
94-
{
95-
title: "Create Your Own Custom Connect Wallet Button",
96-
image: require("/public/assets/product-pages/connect/custom-connect.png"),
97-
link: "https://blog.thirdweb.com/guides/create-a-custom-connect-wallet-button/",
92+
link: "https://portal.thirdweb.com/typescript/v5/react/components/ConnectButton",
9893
},
9994
];
10095

@@ -139,7 +134,7 @@ const ConnectLanding: ThirdwebNextPage = () => {
139134
.slider {
140135
padding: 12px 0 !important;
141136
}
142-
137+
143138
.slide:first-child, .slide:nth-child(2) {
144139
padding-right: 16px !important;
145140
}

‎src/pages/dashboard/connect/playground.tsx

+9-9
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ const DashboardConnectPlayground: ThirdwebNextPage = () => {
5858
trackingCategory={TRACKING_CATEGORY}
5959
size="sm"
6060
platform="React"
61-
href="https://portal.thirdweb.com/react/latest/components/ConnectWallet"
61+
href="https://portal.thirdweb.com/typescript/v5/react/components/ConnectButton"
6262
/>
6363
<SupportedPlatformLink
6464
trackingCategory={TRACKING_CATEGORY}
@@ -113,7 +113,7 @@ function ViewDocs() {
113113
size="md"
114114
noBorder
115115
platform="React"
116-
href="https://portal.thirdweb.com/react/latest/components/ConnectWallet"
116+
href="https://portal.thirdweb.com/typescript/v5/react/components/ConnectButton"
117117
/>
118118

119119
<SupportedPlatformLink
@@ -135,7 +135,7 @@ function ViewDocs() {
135135
noBorder
136136
size="md"
137137
platform="TypeScript"
138-
href="https://portal.thirdweb.com/wallet-sdk/latest/usage"
138+
href="https://portal.thirdweb.com/typescript/v5/connecting-wallets"
139139
/>
140140
</Grid>
141141
</Card>
@@ -163,14 +163,14 @@ function RelevantGuides() {
163163
</GuideLink>
164164

165165
<GuideLink
166-
href="https://portal.thirdweb.com/wallet-sdk/latest/usage"
167-
label="react-sdk-get-started"
166+
href="https://portal.thirdweb.com/typescript/v5"
167+
label="sdk-v5-get-started"
168168
>
169-
Get started with React SDK
169+
Get started with thirdweb SDK
170170
</GuideLink>
171171

172172
<GuideLink
173-
href="https://blog.thirdweb.com/guides/add-connectwallet-to-your-website/"
173+
href="https://portal.thirdweb.com/typescript/v5/react/components/ConnectButton"
174174
label="add-connect-wallet"
175175
>
176176
How to Add a Connect Wallet Button to Your Website
@@ -270,7 +270,7 @@ function BuildCustomBanner() {
270270
trackingCategory={TRACKING_CATEGORY}
271271
size="sm"
272272
platform="React"
273-
href="https://portal.thirdweb.com/react/latest/components/ConnectWallet"
273+
href="https://portal.thirdweb.com/typescript/v5/react/components/ConnectButton"
274274
/>
275275
<SupportedPlatformLink
276276
trackingCategory={TRACKING_CATEGORY}
@@ -300,7 +300,7 @@ function BuildCustomBanner() {
300300
isExternal
301301
category={TRACKING_CATEGORY}
302302
label="custom-ui-cta"
303-
href="https://portal.thirdweb.com/react/latest/connecting-wallets"
303+
href="https://portal.thirdweb.com/typescript/v5/react/connecting-wallets"
304304
bg="bgBlack"
305305
color="bgWhite"
306306
minW="180px"

‎src/pages/sdk.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -136,7 +136,7 @@ const Web3SDK: ThirdwebNextPage = () => {
136136
language that you’re familiar with our{" "}
137137
<Link
138138
color="blue.500"
139-
href="https://portal.thirdweb.com/react/latest"
139+
href="https://portal.thirdweb.com/typescript/v5/react"
140140
>
141141
React
142142
</Link>

‎src/pages/ui-components.tsx

+18-23
Original file line numberDiff line numberDiff line change
@@ -18,19 +18,13 @@ const GUIDES = [
1818
title: "Add a Connect Wallet Button to Your Website",
1919
image:
2020
"https://blog.thirdweb.com/content/images/size/w2000/2022/08/thumbnail-4.png",
21-
link: "https://blog.thirdweb.com/guides/add-connectwallet-to-your-website/",
21+
link: "https://portal.thirdweb.com/typescript/v5/react/components/ConnectButton",
2222
},
2323
{
24-
title: "How to Render NFT Metadata In a React App",
24+
title: "Seamless Onchain Payments with thirdweb Pay",
2525
image:
26-
"https://blog.thirdweb.com/content/images/size/w2000/2022/11/This-is-the-one--18-.png",
27-
link: "https://blog.thirdweb.com/guides/how-to-render-nft-metadata-in-a-react-app-using-thirdwebnftmedia/",
28-
},
29-
{
30-
title: "How to Call Functions on a Smart Contract Using the Web3Button",
31-
image:
32-
"https://blog.thirdweb.com/content/images/size/w2000/2022/11/This-is-the-one--22-.png",
33-
link: "https://blog.thirdweb.com/guides/how-to-call-functions-on-a-smart-contract-using-thirdweb/",
26+
"https://blog.thirdweb.com/content/images/size/w2000/2024/05/Introducing-thirdweb-Pay-1.png",
27+
link: "https://blog.thirdweb.com/introducing-thirdweb-pay/",
3428
},
3529
];
3630

@@ -58,7 +52,7 @@ const UIComponents: ThirdwebNextPage = () => {
5852
title="Plug-and-play frontend components"
5953
description="Integrate plug-and-play UI components into your web3 apps easily."
6054
buttonText="Start building"
61-
buttonLink="https://portal.thirdweb.com/react/latest/components/ConnectWallet"
55+
buttonLink="https://portal.thirdweb.com/typescript/v5/react/components/ConnectButton"
6256
image={require("../../public/assets/product-pages/ui-components/hero.png")}
6357
gradient="linear-gradient(147.15deg, #410AB6 16.94%, #40FFAF 86.73%)"
6458
>
@@ -103,11 +97,12 @@ const UIComponents: ThirdwebNextPage = () => {
10397
mb={12}
10498
maxW={800}
10599
>
106-
Integrate Connect Wallet into your Web3 App
100+
Build the Best Web3 Onboarding
107101
</Heading>
102+
{/* https://www.youtube.com/watch?v=GOxcsEZzy6g */}
108103
<YoutubeEmbed
109104
maxWidth={680}
110-
videoId="_jsUc4ZMuEQ"
105+
videoId="GOxcsEZzy6g"
111106
aspectRatio={16 / 9}
112107
title="How to Add a Connect Wallet Button to your Web3 App (NFT Collections, Marketplaces, DAOs)"
113108
/>
@@ -121,28 +116,28 @@ const UIComponents: ThirdwebNextPage = () => {
121116
category={TRACKING_CATEGORY}
122117
title="Connect Wallet"
123118
description="Easily allow users to sign in using their crypto wallets with multiple wallet options (e.g. Coinbase, Metamask, WalletConnect, and more)."
124-
href="https://portal.thirdweb.com/react/latest/components/ConnectWallet"
119+
href="https://portal.thirdweb.com/typescript/v5/react/components/ConnectButton"
125120
/>
126121
<ProductLearnMoreCard
127-
icon={require("../../public/assets/product-icons/contracts.png")}
122+
icon={require("../../public/assets/product-pages/connect/icon-pay.png")}
128123
category={TRACKING_CATEGORY}
129-
title="Web3 Button"
130-
description="Enables calling any function on any smart contract with one click."
131-
href="https://portal.thirdweb.com/react/latest/components/Web3Button"
124+
title="Pay Embed"
125+
description="Pay allows your users to purchase cryptocurrencies and execute transactions with their credit card or debit card, or with any token"
126+
href="https://portal.thirdweb.com/connect/pay/overview"
132127
/>
133128
<ProductLearnMoreCard
134-
icon={require("/public/assets/product-pages/dashboard/hero-icon-2.png")}
129+
icon={require("../../public/assets/product-icons/contracts.png")}
135130
category={TRACKING_CATEGORY}
136-
title="NFT Metadata Renderer"
137-
description="Enables consistent display of NFTs on UI by resolving metadata of NFTs in a standard format."
138-
href="https://portal.thirdweb.com/react/latest/components/ThirdwebNftMedia"
131+
title="Transaction Button"
132+
description="Enables calling any function on any smart contract with one click."
133+
href="https://portal.thirdweb.com/typescript/v5/react/components/TransactionButton"
139134
/>
140135
<ProductLearnMoreCard
141136
icon={require("../../public/assets/product-icons/storage.png")}
142137
category={TRACKING_CATEGORY}
143138
title="IPFS Metadata Renderer"
144139
description="Consistent display of media assets of NFTs with metadata stored on IPFS for all file types (image or video)."
145-
href="https://portal.thirdweb.com/react/latest/components/MediaRenderer"
140+
href="https://portal.thirdweb.com/typescript/v5/react/components/MediaRenderer"
146141
/>
147142
</SimpleGrid>
148143
</ProductSection>

0 commit comments

Comments
 (0)