From 4d31b1817de8dc2461b219226f34a337608b620f Mon Sep 17 00:00:00 2001 From: Alex Luu Date: Mon, 13 May 2024 16:34:28 -0400 Subject: [PATCH 1/7] add web3modal guide --- .../guides/web3_modal_guide/_category_.yml | 5 + .../web3_modal_guide/getting_started.md | 126 ++++++++++++++++++ docs/docs/guides/web3_modal_guide/index.mdx | 122 +++++++++++++++++ 3 files changed, 253 insertions(+) create mode 100644 docs/docs/guides/web3_modal_guide/_category_.yml create mode 100644 docs/docs/guides/web3_modal_guide/getting_started.md create mode 100644 docs/docs/guides/web3_modal_guide/index.mdx diff --git a/docs/docs/guides/web3_modal_guide/_category_.yml b/docs/docs/guides/web3_modal_guide/_category_.yml new file mode 100644 index 00000000000..ea585897801 --- /dev/null +++ b/docs/docs/guides/web3_modal_guide/_category_.yml @@ -0,0 +1,5 @@ +label: '📦 WalletConnect Tutorial' +collapsible: true +collapsed: true +link: null +position: 4 \ No newline at end of file diff --git a/docs/docs/guides/web3_modal_guide/getting_started.md b/docs/docs/guides/web3_modal_guide/getting_started.md new file mode 100644 index 00000000000..2de2f2eb79c --- /dev/null +++ b/docs/docs/guides/web3_modal_guide/getting_started.md @@ -0,0 +1,126 @@ +--- +sidebar_position: 1 +sidebar_label: 'Getting started' +--- + +# Getting Started + +Welcome to the Web3modal📱 Guide. + +The Web3Modal SDK allows you to easily connect your Web3 app with wallets. It provides a simple and intuitive interface for requesting actions such as signing transactions and interacting with smart contracts on the blockchain. + +In this guide, you will learn how to set up Walletconnect with web3js. + + + +## Preview +:::info +Switch your browsers if preview doesn't load +::: + + + + +## Installation + +```bash +npm install web3modal-web3js web3js +``` + +## Implementation + +Now we will add the Web3modal code within our App +```typescript + +import { createWeb3Modal, defaultConfig } from 'web3modal-web3/react' + +// 1. Get projectId, Your Project ID can be obtained from walletconnect.com +const projectId = 'YOUR_PROJECT_ID' + +// 2. Set chains +const mainnet = { + chainId: 1, + name: 'Ethereum', + currency: 'ETH', + explorerUrl: 'https://etherscan.io', + rpcUrl: 'https://cloudflare-eth.com' +} + +// 3. Create a metadata object +const metadata = { + name: 'My Website', + description: 'My Website description', + url: 'https://mywebsite.com', // origin must match your domain & subdomain + icons: ['https://avatars.mywebsite.com/'] +} + +// 4. Create web3 config +const web3Config = defaultConfig({ + /*Required*/ + metadata, + + /*Optional*/ + enableEIP6963: true, // true by default + enableInjected: true, // true by default + enableCoinbase: true, // true by default + rpcUrl: '...', // used for the Coinbase SDK + defaultChainId: 1, // used for the Coinbase SDK +}) + +// 5. Create a Web3Modal instance +createWeb3Modal({ + ethersConfig, + chains: [mainnet], + projectId, + enableAnalytics: true // Optional - defaults to your Cloud configuration +}) + +export default function App() { + return +} + +## Triggering the modal + +```Typescript + +export default function ConnectButton() { + return +} + +``` + +## Smart Contract Interaction + + + +Web3js can help us interact with wallets and smart contracts: + +```Typescript +import Web3 from 'web3'; +import { ERC20ABI } from './contracts/ERC20'; + +const USDTAddress = '0xdac17f958d2ee523a2206206994597c13d831ec7'; + +function Components() { + const { isConnected } = useWeb3ModalAccount() + const { walletProvider } = useWeb3ModalProvider() + const [USDTBalance, setUSDTBalance] = useState(0); + const [smartContractName, setSmartContractName] = useState(''); + + async function getContractInfo() { + if (!isConnected) throw Error('not connected'); + const web3 = new Web3({ + provider: walletProvider, + config: { defaultNetworkId: chainId }, + }); + const contract = new web3.eth.Contract(ERC20ABI, USDTAddress); + const balance = await contract.methods.balanceOf(address).call(); + const name = (await contract.methods.name().call()) as string; + setUSDTBalance(Number(balance)); + setSmartContractName(name); + } + + return <>

Balance: {USDTBalance} smartContractName: {smartContractName}

+} + +``` \ No newline at end of file diff --git a/docs/docs/guides/web3_modal_guide/index.mdx b/docs/docs/guides/web3_modal_guide/index.mdx new file mode 100644 index 00000000000..5d03147339f --- /dev/null +++ b/docs/docs/guides/web3_modal_guide/index.mdx @@ -0,0 +1,122 @@ +--- +sidebar_position: 1 +sidebar_label: 'Web3Modal with Vue' +--- + +# Setting up Web3Modal with Vue + +This guide go through an example and will teach you how to use Web3modal with Vue + + + + + + +## Installation + +For this guide we will be creating a new project will need to install dependancies. We will be using vite to locally host the app, React and web3modal-web3js + +```bash +npm install web3modal-web3js react react-dom +npm install --save-dev vite @vitejs/plugin-react +``` + +## Implementation + +Within the root of the project create `index.html` +```html + + + + + + React Web3 example + + +
+ + + +``` + +Now we will add the Web3modal code within `src/Web3modal.tsx` +```typescript + +import { createWeb3Modal, defaultConfig } from 'web3modal-web3/react' + +// 1. Get projectId, Your Project ID can be obtained from walletconnect.com +const projectId = 'YOUR_PROJECT_ID' + +// 2. Set chains +const mainnet = { + chainId: 1, + name: 'Ethereum', + currency: 'ETH', + explorerUrl: 'https://etherscan.io', + rpcUrl: 'https://cloudflare-eth.com' +} + +// 3. Create a metadata object +const metadata = { + name: 'My Website', + description: 'My Website description', + url: 'https://mywebsite.com', // origin must match your domain & subdomain + icons: ['https://avatars.mywebsite.com/'] +} + +// 4. Create web3 config +const web3Config = defaultConfig({ + /*Required*/ + metadata, + + /*Optional*/ + enableEIP6963: true, // true by default + enableInjected: true, // true by default + enableCoinbase: true, // true by default + rpcUrl: '...', // used for the Coinbase SDK + defaultChainId: 1, // used for the Coinbase SDK +}) + +// 5. Create a Web3Modal instance +createWeb3Modal({ + ethersConfig, + chains: [mainnet], + projectId, + enableAnalytics: true // Optional - defaults to your Cloud configuration +}) + +export default function App() { + return +} +``` + +Set up vite configs within root `vite.config.js` +```javascript +import react from '@vitejs/plugin-react' +import { defineConfig } from 'vite' + +export default defineConfig({ + plugins: [react()] +}) +``` + +And finally add react to the app `src/main.tsx` +```typescript +import React from 'react' +import ReactDOM from 'react-dom/client' +import App from './App.js' + +ReactDOM.createRoot(document.getElementById('app')!).render( + + + +) +``` + +You are finished and have sucesfully created Web3modal with Vue. For additional information take a look into the interactive code editor above and the files. + +:::info +- You can view different examples of setting up walletconnect with web3.js [here](https://github.com/ChainSafe/web3modal/tree/add-examples/examples/vue-web3) +- Learn more about Web3modal [here](https://docs.walletconnect.com/web3modal/about) +::: + From 95a5b5abc69a5ab106b1780d77ef356f15ecfbf7 Mon Sep 17 00:00:00 2001 From: Alex Luu Date: Mon, 13 May 2024 21:55:39 -0400 Subject: [PATCH 2/7] update docs --- .../web3_modal_guide/getting_started.md | 126 ------------------ docs/docs/guides/web3_modal_guide/index.mdx | 103 +++++++------- docs/docs/guides/web3_modal_guide/vue.md | 121 +++++++++++++++++ 3 files changed, 176 insertions(+), 174 deletions(-) delete mode 100644 docs/docs/guides/web3_modal_guide/getting_started.md create mode 100644 docs/docs/guides/web3_modal_guide/vue.md diff --git a/docs/docs/guides/web3_modal_guide/getting_started.md b/docs/docs/guides/web3_modal_guide/getting_started.md deleted file mode 100644 index 2de2f2eb79c..00000000000 --- a/docs/docs/guides/web3_modal_guide/getting_started.md +++ /dev/null @@ -1,126 +0,0 @@ ---- -sidebar_position: 1 -sidebar_label: 'Getting started' ---- - -# Getting Started - -Welcome to the Web3modal📱 Guide. - -The Web3Modal SDK allows you to easily connect your Web3 app with wallets. It provides a simple and intuitive interface for requesting actions such as signing transactions and interacting with smart contracts on the blockchain. - -In this guide, you will learn how to set up Walletconnect with web3js. - - - -## Preview -:::info -Switch your browsers if preview doesn't load -::: - - - - -## Installation - -```bash -npm install web3modal-web3js web3js -``` - -## Implementation - -Now we will add the Web3modal code within our App -```typescript - -import { createWeb3Modal, defaultConfig } from 'web3modal-web3/react' - -// 1. Get projectId, Your Project ID can be obtained from walletconnect.com -const projectId = 'YOUR_PROJECT_ID' - -// 2. Set chains -const mainnet = { - chainId: 1, - name: 'Ethereum', - currency: 'ETH', - explorerUrl: 'https://etherscan.io', - rpcUrl: 'https://cloudflare-eth.com' -} - -// 3. Create a metadata object -const metadata = { - name: 'My Website', - description: 'My Website description', - url: 'https://mywebsite.com', // origin must match your domain & subdomain - icons: ['https://avatars.mywebsite.com/'] -} - -// 4. Create web3 config -const web3Config = defaultConfig({ - /*Required*/ - metadata, - - /*Optional*/ - enableEIP6963: true, // true by default - enableInjected: true, // true by default - enableCoinbase: true, // true by default - rpcUrl: '...', // used for the Coinbase SDK - defaultChainId: 1, // used for the Coinbase SDK -}) - -// 5. Create a Web3Modal instance -createWeb3Modal({ - ethersConfig, - chains: [mainnet], - projectId, - enableAnalytics: true // Optional - defaults to your Cloud configuration -}) - -export default function App() { - return -} - -## Triggering the modal - -```Typescript - -export default function ConnectButton() { - return -} - -``` - -## Smart Contract Interaction - - - -Web3js can help us interact with wallets and smart contracts: - -```Typescript -import Web3 from 'web3'; -import { ERC20ABI } from './contracts/ERC20'; - -const USDTAddress = '0xdac17f958d2ee523a2206206994597c13d831ec7'; - -function Components() { - const { isConnected } = useWeb3ModalAccount() - const { walletProvider } = useWeb3ModalProvider() - const [USDTBalance, setUSDTBalance] = useState(0); - const [smartContractName, setSmartContractName] = useState(''); - - async function getContractInfo() { - if (!isConnected) throw Error('not connected'); - const web3 = new Web3({ - provider: walletProvider, - config: { defaultNetworkId: chainId }, - }); - const contract = new web3.eth.Contract(ERC20ABI, USDTAddress); - const balance = await contract.methods.balanceOf(address).call(); - const name = (await contract.methods.name().call()) as string; - setUSDTBalance(Number(balance)); - setSmartContractName(name); - } - - return <>

Balance: {USDTBalance} smartContractName: {smartContractName}

-} - -``` \ No newline at end of file diff --git a/docs/docs/guides/web3_modal_guide/index.mdx b/docs/docs/guides/web3_modal_guide/index.mdx index 5d03147339f..e37a7d34b09 100644 --- a/docs/docs/guides/web3_modal_guide/index.mdx +++ b/docs/docs/guides/web3_modal_guide/index.mdx @@ -1,45 +1,35 @@ --- sidebar_position: 1 -sidebar_label: 'Web3Modal with Vue' +sidebar_label: 'Getting started' --- -# Setting up Web3Modal with Vue +# Getting Started -This guide go through an example and will teach you how to use Web3modal with Vue +Welcome to the Web3modal📱 Guide. +The Web3Modal SDK allows you to easily connect your Web3 app with wallets. It provides a simple and intuitive interface for requesting actions such as signing transactions and interacting with smart contracts on the blockchain. +In this guide, you will learn how to set up Walletconnect with web3js. + + + +## Preview +:::info +Switch your browsers if preview doesn't load +::: ## Installation -For this guide we will be creating a new project will need to install dependancies. We will be using vite to locally host the app, React and web3modal-web3js - ```bash -npm install web3modal-web3js react react-dom -npm install --save-dev vite @vitejs/plugin-react +npm install web3modal-web3js web3js ``` ## Implementation -Within the root of the project create `index.html` -```html - - - - - - React Web3 example - - -
- - - -``` - -Now we will add the Web3modal code within `src/Web3modal.tsx` +Now we will add the Web3modal code within our App ```typescript import { createWeb3Modal, defaultConfig } from 'web3modal-web3/react' @@ -90,33 +80,50 @@ export default function App() { } ``` -Set up vite configs within root `vite.config.js` -```javascript -import react from '@vitejs/plugin-react' -import { defineConfig } from 'vite' +## Triggering the modal -export default defineConfig({ - plugins: [react()] -}) -``` +```Typescript + +export default function ConnectButton() { + return +} -And finally add react to the app `src/main.tsx` -```typescript -import React from 'react' -import ReactDOM from 'react-dom/client' -import App from './App.js' - -ReactDOM.createRoot(document.getElementById('app')!).render( - - - -) ``` -You are finished and have sucesfully created Web3modal with Vue. For additional information take a look into the interactive code editor above and the files. +## Smart Contract Interaction -:::info -- You can view different examples of setting up walletconnect with web3.js [here](https://github.com/ChainSafe/web3modal/tree/add-examples/examples/vue-web3) -- Learn more about Web3modal [here](https://docs.walletconnect.com/web3modal/about) -::: + + +Web3js can help us interact with wallets and smart contracts: + +```Typescript +import Web3 from 'web3'; +import { ERC20ABI } from './contracts/ERC20'; + +const USDTAddress = '0xdac17f958d2ee523a2206206994597c13d831ec7'; + +function Components() { + const { isConnected } = useWeb3ModalAccount() + const { walletProvider } = useWeb3ModalProvider() + const [USDTBalance, setUSDTBalance] = useState(0); + const [smartContractName, setSmartContractName] = useState(''); + + async function getContractInfo() { + if (!isConnected) throw Error('not connected'); + const web3 = new Web3({ + provider: walletProvider, + config: { defaultNetworkId: chainId }, + }); + const contract = new web3.eth.Contract(ERC20ABI, USDTAddress); + const balance = await contract.methods.balanceOf(address).call(); + const name = (await contract.methods.name().call()) as string; + setUSDTBalance(Number(balance)); + setSmartContractName(name); + } + + return <>

Balance: {USDTBalance} smartContractName: {smartContractName}

+} + +``` +To learn how to set up Web3modal with vue, click [here](/web3_modal_guide/vue). \ No newline at end of file diff --git a/docs/docs/guides/web3_modal_guide/vue.md b/docs/docs/guides/web3_modal_guide/vue.md new file mode 100644 index 00000000000..3e85ce897f1 --- /dev/null +++ b/docs/docs/guides/web3_modal_guide/vue.md @@ -0,0 +1,121 @@ +--- +sidebar_position: 1 +sidebar_label: 'Web3Modal with Vue' +--- + +# Web3Modal with Vue and web3js + +## Live code editor + + + + + +## Installation + +For this guide we will be creating a new project will need to install dependancies. We will be using vite to locally host the app, React and web3modal-web3js + +```bash +npm install web3modal-web3js react react-dom +npm install --save-dev vite @vitejs/plugin-react +``` + +## Implementation + +Within the root of the project create `index.html` +```html + + + + + + React Web3 example + + +
+ + + +``` + +Now we will add the Web3modal code within `src/Web3modal.tsx` +```typescript + +import { createWeb3Modal, defaultConfig } from 'web3modal-web3/react' + +// 1. Get projectId, Your Project ID can be obtained from walletconnect.com +const projectId = 'YOUR_PROJECT_ID' + +// 2. Set chains +const mainnet = { + chainId: 1, + name: 'Ethereum', + currency: 'ETH', + explorerUrl: 'https://etherscan.io', + rpcUrl: 'https://cloudflare-eth.com' +} + +// 3. Create a metadata object +const metadata = { + name: 'My Website', + description: 'My Website description', + url: 'https://mywebsite.com', // origin must match your domain & subdomain + icons: ['https://avatars.mywebsite.com/'] +} + +// 4. Create web3 config +const web3Config = defaultConfig({ + /*Required*/ + metadata, + + /*Optional*/ + enableEIP6963: true, // true by default + enableInjected: true, // true by default + enableCoinbase: true, // true by default + rpcUrl: '...', // used for the Coinbase SDK + defaultChainId: 1, // used for the Coinbase SDK +}) + +// 5. Create a Web3Modal instance +createWeb3Modal({ + ethersConfig, + chains: [mainnet], + projectId, + enableAnalytics: true // Optional - defaults to your Cloud configuration +}) + +export default function App() { + return +} +``` + +Set up vite configs within root `vite.config.js` +```javascript +import react from '@vitejs/plugin-react' +import { defineConfig } from 'vite' + +export default defineConfig({ + plugins: [react()] +}) +``` + +And finally add react to the app `src/main.tsx` +```typescript +import React from 'react' +import ReactDOM from 'react-dom/client' +import App from './App.js' + +ReactDOM.createRoot(document.getElementById('app')!).render( + + + +) +``` + +You are finished and have successfully created Web3modal with Vue. For additional information take a look into the interactive code editor above. + +:::info +- You can view different examples of setting up walletconnect with web3.js [here](https://github.com/ChainSafe/web3modal/tree/add-examples/examples/vue-web3) +- Learn more about Web3modal [here](https://docs.walletconnect.com/web3modal/about) +::: + From 64984e0e18216561e5fbca05e99ba4ec2af734ac Mon Sep 17 00:00:00 2001 From: Alex Luu Date: Tue, 14 May 2024 09:17:05 -0400 Subject: [PATCH 3/7] update link --- docs/docs/guides/web3_modal_guide/index.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/guides/web3_modal_guide/index.mdx b/docs/docs/guides/web3_modal_guide/index.mdx index e37a7d34b09..114087d1ec4 100644 --- a/docs/docs/guides/web3_modal_guide/index.mdx +++ b/docs/docs/guides/web3_modal_guide/index.mdx @@ -126,4 +126,4 @@ function Components() { ``` -To learn how to set up Web3modal with vue, click [here](/web3_modal_guide/vue). \ No newline at end of file +To learn how to set up Web3modal with vue, click [here](/guides/web3_modal_guide/vue). \ No newline at end of file From 3c22f0dfe7fdfdd15cc3dd3388b2a65b82e93862 Mon Sep 17 00:00:00 2001 From: Alex Luu Date: Tue, 14 May 2024 10:26:05 -0400 Subject: [PATCH 4/7] update link --- docs/docs/guides/web3_modal_guide/index.mdx | 4 ++-- docs/docs/guides/web3_modal_guide/vue.md | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/docs/guides/web3_modal_guide/index.mdx b/docs/docs/guides/web3_modal_guide/index.mdx index 114087d1ec4..062df995966 100644 --- a/docs/docs/guides/web3_modal_guide/index.mdx +++ b/docs/docs/guides/web3_modal_guide/index.mdx @@ -17,7 +17,7 @@ In this guide, you will learn how to set up Walletconnect with web3js. :::info Switch your browsers if preview doesn't load ::: - + @@ -92,7 +92,7 @@ export default function ConnectButton() { ## Smart Contract Interaction - + Web3js can help us interact with wallets and smart contracts: diff --git a/docs/docs/guides/web3_modal_guide/vue.md b/docs/docs/guides/web3_modal_guide/vue.md index 3e85ce897f1..0f1bc51a450 100644 --- a/docs/docs/guides/web3_modal_guide/vue.md +++ b/docs/docs/guides/web3_modal_guide/vue.md @@ -7,7 +7,7 @@ sidebar_label: 'Web3Modal with Vue' ## Live code editor - + From 111d9a40dfd019587297090e8b1b8339c0e8d730 Mon Sep 17 00:00:00 2001 From: Alex Luu Date: Tue, 14 May 2024 14:37:34 -0400 Subject: [PATCH 5/7] update examples --- docs/docs/guides/web3_modal_guide/index.mdx | 5 +++-- docs/docs/guides/web3_modal_guide/vue.md | 3 ++- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/docs/docs/guides/web3_modal_guide/index.mdx b/docs/docs/guides/web3_modal_guide/index.mdx index 062df995966..7edfcdf22f0 100644 --- a/docs/docs/guides/web3_modal_guide/index.mdx +++ b/docs/docs/guides/web3_modal_guide/index.mdx @@ -29,7 +29,6 @@ npm install web3modal-web3js web3js ## Implementation -Now we will add the Web3modal code within our App ```typescript import { createWeb3Modal, defaultConfig } from 'web3modal-web3/react' @@ -126,4 +125,6 @@ function Components() { ``` -To learn how to set up Web3modal with vue, click [here](/guides/web3_modal_guide/vue). \ No newline at end of file +:::info +- To learn how to set up Web3modal with vue, click [here](/guides/web3_modal_guide/vue). +::: \ No newline at end of file diff --git a/docs/docs/guides/web3_modal_guide/vue.md b/docs/docs/guides/web3_modal_guide/vue.md index 0f1bc51a450..a113d519197 100644 --- a/docs/docs/guides/web3_modal_guide/vue.md +++ b/docs/docs/guides/web3_modal_guide/vue.md @@ -112,9 +112,10 @@ ReactDOM.createRoot(document.getElementById('app')!).render( ) ``` -You are finished and have successfully created Web3modal with Vue. For additional information take a look into the interactive code editor above. +You are finished and have successfully created Web3modal with Vue! :::info +- For additional information take a look into the interactive code editor above. - You can view different examples of setting up walletconnect with web3.js [here](https://github.com/ChainSafe/web3modal/tree/add-examples/examples/vue-web3) - Learn more about Web3modal [here](https://docs.walletconnect.com/web3modal/about) ::: From 3d8e6e8a0fd31ebb1dd0a8b5af4b3240d6a1b721 Mon Sep 17 00:00:00 2001 From: Alex Luu Date: Tue, 14 May 2024 14:54:35 -0400 Subject: [PATCH 6/7] update docs positions --- docs/docs/guides/advanced/_category_.yml | 2 +- docs/docs/guides/feedback/index.md | 2 +- docs/docs/guides/resources_and_troubleshooting/index.md | 2 +- docs/docs/guides/web3_config/_category_.yml | 2 +- docs/docs/guides/web3_modal_guide/_category_.yml | 2 +- docs/docs/guides/web3_modal_guide/index.mdx | 2 +- 6 files changed, 6 insertions(+), 6 deletions(-) diff --git a/docs/docs/guides/advanced/_category_.yml b/docs/docs/guides/advanced/_category_.yml index dab551977cf..3131878f18e 100644 --- a/docs/docs/guides/advanced/_category_.yml +++ b/docs/docs/guides/advanced/_category_.yml @@ -2,4 +2,4 @@ label: '🧠 Advanced' collapsible: true collapsed: true link: null -position: 14 \ No newline at end of file +position: 15 \ No newline at end of file diff --git a/docs/docs/guides/feedback/index.md b/docs/docs/guides/feedback/index.md index 228003d5a6e..0118436ec91 100644 --- a/docs/docs/guides/feedback/index.md +++ b/docs/docs/guides/feedback/index.md @@ -1,5 +1,5 @@ --- -sidebar_position: 17 +sidebar_position: 18 sidebar_label: '🗣️ Feedback' --- diff --git a/docs/docs/guides/resources_and_troubleshooting/index.md b/docs/docs/guides/resources_and_troubleshooting/index.md index 2dd82f1e5b6..6426b99d8df 100644 --- a/docs/docs/guides/resources_and_troubleshooting/index.md +++ b/docs/docs/guides/resources_and_troubleshooting/index.md @@ -1,5 +1,5 @@ --- -sidebar_position: 16 +sidebar_position: 17 sidebar_label: '📚 Resources & Troubleshooting' --- # Resources & Troubleshooting diff --git a/docs/docs/guides/web3_config/_category_.yml b/docs/docs/guides/web3_config/_category_.yml index dbe4222696b..d1fd0583848 100644 --- a/docs/docs/guides/web3_config/_category_.yml +++ b/docs/docs/guides/web3_config/_category_.yml @@ -2,4 +2,4 @@ label: '⚙️ Web3 config' collapsible: true collapsed: true link: null -position: 15 \ No newline at end of file +position: 16 \ No newline at end of file diff --git a/docs/docs/guides/web3_modal_guide/_category_.yml b/docs/docs/guides/web3_modal_guide/_category_.yml index ea585897801..d2a59e270e8 100644 --- a/docs/docs/guides/web3_modal_guide/_category_.yml +++ b/docs/docs/guides/web3_modal_guide/_category_.yml @@ -2,4 +2,4 @@ label: '📦 WalletConnect Tutorial' collapsible: true collapsed: true link: null -position: 4 \ No newline at end of file +position: 14 \ No newline at end of file diff --git a/docs/docs/guides/web3_modal_guide/index.mdx b/docs/docs/guides/web3_modal_guide/index.mdx index 7edfcdf22f0..a1bef97eb66 100644 --- a/docs/docs/guides/web3_modal_guide/index.mdx +++ b/docs/docs/guides/web3_modal_guide/index.mdx @@ -15,7 +15,7 @@ In this guide, you will learn how to set up Walletconnect with web3js. ## Preview :::info -Switch your browsers if preview doesn't load +Switch your browsers if the preview doesn't load. ::: From 8d7fee5917374bdfbe191745d4cd5307f7f926d3 Mon Sep 17 00:00:00 2001 From: Alex Luu Date: Tue, 14 May 2024 15:17:07 -0400 Subject: [PATCH 7/7] update emoji --- docs/docs/guides/web3_modal_guide/_category_.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/guides/web3_modal_guide/_category_.yml b/docs/docs/guides/web3_modal_guide/_category_.yml index d2a59e270e8..6744910f3b6 100644 --- a/docs/docs/guides/web3_modal_guide/_category_.yml +++ b/docs/docs/guides/web3_modal_guide/_category_.yml @@ -1,4 +1,4 @@ -label: '📦 WalletConnect Tutorial' +label: '📱 WalletConnect Tutorial' collapsible: true collapsed: true link: null