Skip to content

Commit

Permalink
updating examples for consistency and grammar
Browse files Browse the repository at this point in the history
  • Loading branch information
rohit-710 committed Oct 1, 2024
1 parent e6eece9 commit 9c22954
Show file tree
Hide file tree
Showing 3 changed files with 21 additions and 21 deletions.
10 changes: 5 additions & 5 deletions docs/appkit/javascript/wagmi/about/implementation.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -49,17 +49,17 @@ openNetworkModalBtn.addEventListener('click', () => modal.open({ view: 'Networks
// 5. Alternatively use w3m component buttons within the index.html file
```

## Like to use Viem chains?
## Would you like to use Viem chains?

You can also use Viem chains with the `WagmiAdapter`. Viem is providing bunch of chains definitions, while on the other hand, AppKit is providing the network which are supported by the WC protocol.
You can also use Viem chains with the `WagmiAdapter`. Viem is provides a variety of chain definitions, while on the other hand, while AppKit provides networks supported by the WalletConnect protocol.

```ts
import { createAppKit } from '@reown/appkit'
import { mainnet, arbitrum } from '@reown/appkit/networks'
import { WagmiAdapter } from '@reown/appkit-adapter-wagmi'
import { polygon, fantom } from 'viem/chains'
import { linea, morphSepolia } from 'viem/chains'

export const networks = [mainnet, arbitrum, polygon, fantom]
export const networks = [mainnet, arbitrum, linea, morphSepolia]

const wagmiAdapter = new WagmiAdapter({
projectId,
Expand All @@ -69,7 +69,7 @@ const wagmiAdapter = new WagmiAdapter({
```

:::caution
When you use Viem chains along with AppKit's network objects, you need to make sure that you're passing the WagmiAdapter's `caipNetworks` value to the `createAppKit`'s `networks` parameter like the following.
When using Viem chains along with AppKit's network objects, ensure that you pass the `caipNetworks` value from the `WagmiAdapter` to the `networks` parameter in `createAppKit`, as shown below.
:::

```ts
Expand Down
22 changes: 11 additions & 11 deletions docs/appkit/next/wagmi/about/implementation.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -35,17 +35,17 @@ export const wagmiAdapter = new WagmiAdapter({
export const config = wagmiAdapter.wagmiConfig
```

## Like to use Viem chains?
## Would you like to use Viem chains?

You can also use Viem chains with the `WagmiAdapter`. Viem is providing bunch of chains definitions, while on the other hand, AppKit is providing the network which are supported by the WC protocol.
You can also use Viem chains with the `WagmiAdapter`. Viem is provides a variety of chain definitions, while on the other hand, while AppKit provides networks supported by the WalletConnect protocol.

```ts
import { createAppKit } from '@reown/appkit'
import { mainnet, arbitrum } from '@reown/appkit/networks'
import { WagmiAdapter } from '@reown/appkit-adapter-wagmi'
import { polygon, fantom } from 'viem/chains'
import { linea, morphSepolia } from 'viem/chains'

export const networks = [mainnet, arbitrum, polygon, fantom]
export const networks = [mainnet, arbitrum, linea, morphSepolia]

const wagmiAdapter = new WagmiAdapter({
projectId,
Expand All @@ -55,7 +55,7 @@ const wagmiAdapter = new WagmiAdapter({
```

:::caution
When you use Viem chains along with AppKit's network objects, you need to make sure that you're passing the WagmiAdapter's `caipNetworks` value to the `createAppKit`'s `networks` parameter like the following.
When using Viem chains along with AppKit's network objects, ensure that you pass the `caipNetworks` value from the `WagmiAdapter` to the `networks` parameter in `createAppKit`, as shown below.
:::

```ts
Expand Down Expand Up @@ -86,7 +86,7 @@ In this example we will create a file called `context/index.tsx` outside our app
import { wagmiAdapter, projectId } from '@/config'
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
import { createAppKit } from '@reown/appkit/react'
import { mainnet, arbitrum, avalanche, base, optimism, polygon } from '@reown/appkit/networks'
import { mainnet, arbitrum } from '@reown/appkit/networks'
import React, { type ReactNode } from 'react'
import { cookieToInitialState, WagmiProvider, type Config } from 'wagmi'

Expand All @@ -99,17 +99,17 @@ if (!projectId) {

// Set up metadata
const metadata = {
name: 'appkit-example-scroll',
description: 'AppKit Example - Scroll',
url: 'https://scrollapp.com', // origin must match your domain & subdomain
name: 'appkit-example',
description: 'AppKit Example',
url: 'https://appkitexampleapp.com', // origin must match your domain & subdomain
icons: ['https://avatars.githubusercontent.com/u/179229932']
}

// Create the modal
const modal = createAppKit({
adapters: [wagmiAdapter],
projectId,
networks: [mainnet, arbitrum, avalanche, base, optimism, polygon],
networks: [mainnet, arbitrum],
defaultNetwork: mainnet,
metadata: metadata,
features: {
Expand Down Expand Up @@ -148,7 +148,7 @@ import ContextProvider from '@/context'

export const metadata: Metadata = {
title: 'AppKit Example App',
description: 'Powered by WalletConnect'
description: 'Powered by Reown'
}

export default function RootLayout({
Expand Down
10 changes: 5 additions & 5 deletions docs/appkit/react/wagmi/about/implementation.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -56,17 +56,17 @@ export function AppKitProvider({ children }) {
}
```

## Like to use Viem chains?
## Would you like to use Viem chains?

You can also use Viem chains with the `WagmiAdapter`. Viem is providing bunch of chains definitions, while on the other hand, AppKit is providing the network which are supported by the WC protocol.
You can also use Viem chains with the `WagmiAdapter`. Viem is provides a variety of chain definitions, while on the other hand, while AppKit provides networks supported by the WalletConnect protocol.

```ts
import { createAppKit } from '@reown/appkit'
import { mainnet, arbitrum } from '@reown/appkit/networks'
import { WagmiAdapter } from '@reown/appkit-adapter-wagmi'
import { polygon, fantom } from 'viem/chains'
import { linea, morphSepolia } from 'viem/chains'

export const networks = [mainnet, arbitrum, polygon, fantom]
export const networks = [mainnet, arbitrum, linea, morphSepolia]

const wagmiAdapter = new WagmiAdapter({
projectId,
Expand All @@ -76,7 +76,7 @@ const wagmiAdapter = new WagmiAdapter({
```

:::caution
When you use Viem chains along with AppKit's network objects, you need to make sure that you're passing the WagmiAdapter's `caipNetworks` value to the `createAppKit`'s `networks` parameter like the following.
When using Viem chains along with AppKit's network objects, ensure that you pass the `caipNetworks` value from the `WagmiAdapter` to the `networks` parameter in `createAppKit`, as shown below.
:::

```ts
Expand Down

0 comments on commit 9c22954

Please sign in to comment.