Merge branch 'main' into mnn/wallet-sdk-revamp

thirdweb-dev · Jul 31, 2023 · 499dfa7 · 499dfa7
2 parents 0f56c69 + 98cb9a8
commit 499dfa7
Show file tree

Hide file tree

Showing 5 changed files with 604 additions and 5 deletions.
diff --git a/docs/onboarding/14 Wallet/0 Overview.mdx b/docs/onboarding/14 Wallet/0 Overview.mdx
@@ -135,6 +135,14 @@ Wallet SDK comes out of the box with support for the most popular wallets that a
       description="Connect a wallet directly by a private key"
     />
   </div>
+  <div className="col col--4" style={{ padding: 8 }}>
+    <QuickstartCard
+      name="Zerion"
+      link="/wallet/zerion-wallet"
+      image="/assets/wallets/zerion.svg"
+      description="Connect with Zerion Wallet"
+    />
+  </div>
 </div>
 
 <br />

diff --git a/docs/onboarding/14 Wallet/1 Wallets/MetaMask.mdx b/docs/onboarding/14 Wallet/1 Wallets/MetaMask.mdx
@@ -31,6 +31,18 @@ Provide `clientId` to use the thirdweb RPCs for given `chains`
 
 You can create a client ID for your application from [thirdweb dashboard](https://thirdweb.com/create-api-key).
 
+```javascript
+import { MetaMaskWallet } from "@thirdweb-dev/wallets";
+
+const wallet = new MetaMaskWallet(
+  // highlight-start
+  {
+    clientId: "YOUR_CLIENT_ID",
+  },
+  // highlight-end
+);
+```
+
 </div>
 </details>
 
@@ -42,6 +54,18 @@ This is only relevant if you want to use [WalletConnect](https://walletconnect.c
 
 This `projectId` can be obtained at [cloud.walletconnect.com](https://cloud.walletconnect.com/). It is highly recommended to use your own project id and only use the default one for testing purposes.
 
+```javascript
+import { MetaMaskWallet } from "@thirdweb-dev/wallets";
+
+const wallet = new MetaMaskWallet(
+  // highlight-start
+  {
+    projectId: "YOUR_WALLET_CONNECT_PROJECT_ID",
+  },
+  // highlight-end
+);
+```
+
 </div>
 </details>
 

diff --git a/docs/onboarding/14 Wallet/1 Wallets/Trust Wallet.mdx b/docs/onboarding/14 Wallet/1 Wallets/Trust Wallet.mdx
@@ -31,25 +31,36 @@ Provide `clientId` to use the thirdweb RPCs for given `chains`
 
 You can create a client ID for your application from [thirdweb dashboard](https://thirdweb.com/create-api-key).
 
+```javascript
+import { TrustWallet } from "@thirdweb-dev/wallets";
+
+const wallet = new TrustWallet(
+  // highlight-start
+  {
+    clientId: "YOUR_CLIENT_ID",
+  },
+  // highlight-end
+);
+```
+
 </div>
 </details>
 
 <details>
-  <summary>projectId (recommended)</summary>
+  <summary>projectId (recommended) </summary>
   <div>
 
-Your project's unique identifier for Wallet Connect.
+This is only relevant if you want to use [WalletConnect](https://walletconnect.com/) for connecting to Zerion wallet mobile app when MetaMask is not injected.
 
-Defaults to a common thirdweb projectId. We recommend getting your own projectId at
-[cloud.walletconnect.com](https://cloud.walletconnect.com) when launching your project.
+This `projectId` can be obtained at [cloud.walletconnect.com](https://cloud.walletconnect.com/). It is highly recommended to use your own project id and only use the default one for testing purposes.
 
 ```javascript
 import { TrustWallet } from "@thirdweb-dev/wallets";
 
 const wallet = new TrustWallet(
   // highlight-start
   {
-    projectId: "<PROJECT_ID>",
+    projectId: "YOUR_WALLET_CONNECT_PROJECT_ID",
   },
   // highlight-end
 );