handleConnect

Handling Connect and Disconnect

The SDK provides simple functions to handle wallet connection and disconnection, allowing you to manage the user's session and UI state effectively.

Connecting the Wallet

Use the connect function from the useWallet hook to open the wallet connection popup. This function returns a promise that resolves when the user connects their wallet.

import { useWallet } from '@lazorkit/wallet';
import { Connection } from '@solana/web3.js';

const connection = new Connection('https://api.devnet.solana.com');
const { connect, isConnected, publicKey } = useWallet(connection);

async function handleConnect() {
  try {
    await connect();
    alert('Wallet connected! Public Key: ' + publicKey);
  } catch (err) {
    alert('Connection failed: ' + err.message);
  }
}

Disconnecting the Wallet

Use the disconnect function from the useWallet hook to disconnect the user's wallet and clear the session.

const { disconnect } = useWallet(connection);

function handleDisconnect() {
  disconnect();
  alert('Wallet disconnected!');
}

Example: Connect/Disconnect Button

import { useWallet } from '@lazorkit/wallet';
import { Connection } from '@solana/web3.js';

const connection = new Connection('https://api.devnet.solana.com');
const { connect, disconnect, isConnected, publicKey } = useWallet(connection);

function WalletControls() {
  return (
    <div>
      {!isConnected ? (
        <button onClick={connect}>Connect Wallet</button>
      ) : (
        <>
          <div>Connected: {publicKey}</div>
          <button onClick={disconnect}>Disconnect</button>
        </>
      )}
    </div>
  );
}