diff --git a/.gitignore b/.gitignore index 1715450..3589ad7 100644 --- a/.gitignore +++ b/.gitignore @@ -5,7 +5,7 @@ node_modules/ dist/ # misc -.env +*.env *.tsbuildinfo bin .codegpt diff --git a/examples/nextjs/components/ccip.tsx b/examples/nextjs/components/ccip.tsx index a2dff92..7609f6a 100644 --- a/examples/nextjs/components/ccip.tsx +++ b/examples/nextjs/components/ccip.tsx @@ -1,18 +1,7 @@ -'use client'; +"use client"; -import { - createClient, - IERC20ABI, - RateLimiterState, - TransferStatus, -} from '@chainlink/ccip-js'; -import { - useConnect, - useAccount, - useSwitchChain, - usePublicClient, - useWalletClient, -} from 'wagmi'; +import { createClient, IERC20ABI, RateLimiterState, TransferStatus } from "@chainlink/ccip-js"; +import { useConnect, useAccount, useSwitchChain, usePublicClient, useWalletClient } from "wagmi"; import { Address, encodeAbiParameters, @@ -23,8 +12,8 @@ import { PublicClient, TransactionReceipt, WalletClient, -} from 'viem'; -import { useState } from 'react'; +} from "viem"; +import { useState } from "react"; const ccipClient = createClient(); @@ -63,18 +52,8 @@ export function CCIP() { function ConnectWallet() { const { chain, address } = useAccount(); - const { - connectors, - connect, - isError: isConnectError, - error: connectError, - } = useConnect(); - const { - chains, - switchChain, - error: switchError, - isError: isSwitchError, - } = useSwitchChain(); + const { connectors, connect, isError: isConnectError, error: connectError } = useConnect(); + const { chains, switchChain, error: switchError, isError: isSwitchError } = useSwitchChain(); const [chainId, setChainId] = useState(`${chain?.id}`); @@ -82,7 +61,7 @@ function ConnectWallet() {

Connect Wallet:

- {connectors.map((connector) => ( + {connectors.map(connector => ( - {isSwitchError && ( -

{switchError.message}

- )} + {isSwitchError &&

{switchError.message}

} )}
@@ -192,16 +169,11 @@ function ApproveRouter({ walletClient }: { walletClient: WalletClient }) { ); } -function TransferTokensAndMessage({ - walletClient, -}: { - walletClient: WalletClient; -}) { +function TransferTokensAndMessage({ walletClient }: { walletClient: WalletClient }) { const [routerAddress, setRouterAddress] = useState(); const [tokenAddress, setTokenAddress] = useState(); const [amount, setAmount] = useState(); - const [destinationChainSelector, setDestinationChainSelector] = - useState(); + const [destinationChainSelector, setDestinationChainSelector] = useState(); const [destinationAccount, setDestinationAccount] = useState(); const [data, setData] = useState(); const [messageId, setMessageId] = useState(); @@ -229,9 +201,7 @@ function TransferTokensAndMessage({ />
- + - setData( - encodeAbiParameters( - [{ type: 'string', name: 'data' }], - [target.value] - ) - ) - } + onChange={({ target }) => setData(encodeAbiParameters([{ type: "string", name: "data" }], [target.value]))} />
@@ -279,13 +242,7 @@ function TransferTokensAndMessage({
@@ -322,8 +277,7 @@ function TransferTokensAndMessage({ function SendCCIPMessage({ walletClient }: { walletClient: WalletClient }) { const [routerAddress, setRouterAddress] = useState(); - const [destinationChainSelector, setDestinationChainSelector] = - useState(); + const [destinationChainSelector, setDestinationChainSelector] = useState(); const [destinationAccount, setDestinationAccount] = useState(); const [data, setData] = useState(); const [messageId, setMessageId] = useState(); @@ -343,9 +297,7 @@ function SendCCIPMessage({ walletClient }: { walletClient: WalletClient }) {
- + - setData( - encodeAbiParameters( - [{ type: 'string', name: 'data' }], - [target.value] - ) - ) - } + onChange={({ target }) => setData(encodeAbiParameters([{ type: "string", name: "data" }], [target.value]))} />