Connection

Connect

Basic functionality to initiate wallet connection.

import { useAppKit } from '@to-nexus/sdk/react'

function connectWallet() {
  const appKit = useAppKit()
  appKit.connect()
}

Disconnect

Functionality to disconnect the currently connected wallet.

import { useDisconnect } from '@to-nexus/sdk/react'

function disconnectWallet() {
  const { disconnect } = useDisconnect()
  disconnect()
}

Switch Network

Functionality to switch between supported blockchain networks.

import { useAppKitNetwork } from '@to-nexus/sdk/react'
import { crossMainnet, crossTestnet } from '@to-nexus/sdk/react'

function switchNetwork() {
  const { switchNetwork } = useAppKitNetwork()
  const targetNetwork = import.meta.env['VITE_NODE_ENV'] === 'production' 
    ? crossMainnet 
    : crossTestnet
  switchNetwork(targetNetwork)
}

Network Status

Functionality to check current network status.

import { useAppKitNetwork } from '@to-nexus/sdk/react'

function NetworkStatus() {
  // Get current network information
  const { chainId, isConnected } = useAppKitNetwork()
  
  return (
    <div>
      <p>Chain ID: {chainId}</p>
      <p>Network Status: {isConnected ? 'Connected' : 'Disconnected'}</p>
    </div>
  )
}

Connection Events

Functionality to handle connection state changes.

import { useAppKit } from '@to-nexus/sdk/react'
import { useEffect } from 'react'

function ConnectionListener() {
  // Get AppKit instance
  const appKit = useAppKit()
  
  useEffect(() => {
    // Handle successful connection
    const handleConnect = () => {
      console.log('Wallet connected')
    }
    
    // Handle disconnection
    const handleDisconnect = () => {
      console.log('Wallet disconnected')
    }
    
    // Subscribe to connection events
    appKit.on('connect', handleConnect)
    appKit.on('disconnect', handleDisconnect)
    
    // Cleanup event listeners
    return () => {
      appKit.off('connect', handleConnect)
      appKit.off('disconnect', handleDisconnect)
    }
  }, [appKit])

  return null
}