UI Component

import {useDelegatedActions} from '@privy-io/react-auth';
...
const {delegateWallet} = useDelegatedActions();

import {
usePrivy,
useSolanaWallets,
useDelegatedActions,
type WalletWithMetadata,
} from '@privy-io/react-auth';

function DelegateActionButton() {
const {user} = usePrivy();
const {ready, wallets} = useSolanaWallets(); // or useWallets()
const {delegateWallet} = useDelegatedActions();

// Find the embedded wallet to delegate from the array of the user's wallets
const walletToDelegate = wallets.find((wallet) => wallet.walletClientType === 'privy');

// Check if the wallet to delegate by inspecting the user's linked accounts
const isAlreadyDelegated = !!user.linkedAccounts.find(
    (account): account is WalletWithMetadata => account.type === 'wallet' && account.delegated,
);

const onDelegate = async () => {
    if (!walletToDelegate || !ready) return; // Button is disabled to prevent this case
    await delegateWallet({address: walletToDelegate.address, chainType: 'solana'}); // or chainType: 'ethereum'
};

return (
    <button disabled={!ready || !walletToDelegate || isAlreadyDelegated} onClick={onDelegate}>
    Delegate access
    </button>
);
}

import {useDelegatedActions} from '@privy-io/expo/ui';
...
const {delegateWallet} = useDelegatedActions();

import {
usePrivy,
useEmbeddedEthereumWallet,
getAllUserEmbeddedEthereumWallets,
} from '@privy-io/expo';
import {useDelegatedActions} from '@privy-io/expo/ui';

function DelegateActionButton() {
const {user, isReady} = usePrivy();
const wallets = getAllUserEmbeddedEthereumWallets(user); // or getAllUserEmbeddedSolanaWallets
const {delegateWallet} = useDelegatedActions();

// Find the embedded wallet account to delegate
const walletToDelegate = wallets.find((wallet) => wallet.wallet_index === 0);

// Check if the wallet is already delegated
const isAlreadyDelegated = walletToDelegate.delegated;

const onDelegate = async () => {
    if (!walletToDelegate || !isReady) return; // Button is disabled to prevent this case
    await delegateWallet({address: walletToDelegate.address, chainType: 'ethereum'}); // or chainType: 'solana'
};

return (
    <button disabled={!isReady || !walletToDelegate || isAlreadyDelegated} onClick={onDelegate}>
    Delegate access
    </button>
);
}

import {useDelegatedActions} from '@privy-io/react-auth';
...
const {revokeWallets} = useDelegatedActions();

import {usePrivy, useDelegatedActions, type WalletWithMetadata} from '@privy-io/react-auth';

function RevokeDelegateActionButton() {
  const {user} = usePrivy();
  const {revokeWallets} = useDelegatedActions();

  // Check if the user has any delegated wallets by searching the linkedAccounts array for wallets
  // with `delegated: true` set
  const hasDelegatedWallets =
    user.linkedAccounts.filter(
      (account): account is WalletWithMetadata => account.type === 'wallet' && account.delegated
    ).length !== 0;

  const onRevoke = async () => {
    if (!hasDelegatedWallets) return; // Button is disabled to prevent this case
    await revokeWallets();
  };

  return (
    <button disabled={!hasDelegatedWallets} onClick={onRevoke}>
      Revoke permission for this app to transact on my behalf
    </button>
  );
}

import {useDelegatedActions} from '@privy-io/expo/ui';
...
const {revokeWallets} = useDelegatedActions();

import {usePrivy, getAllUserEmbeddedEthereumWallets} from '@privy-io/expo';
import {useDelegatedActions} from '@privy-io/expo/ui';

function RevokeDelegateActionButton() {
const {user} = usePrivy();
const {revokeWallets} = useDelegatedActions();
const wallets = getAllUserEmbeddedEthereumWallets(user); // or getAllUserEmbeddedSolanaWallets

// Check if the user has any delegated wallets by searching the user's wallets for any with
// `delegated: true` set.
const hasDelegatedWallets = wallets.some((wallet) => wallet.delegated);

const onRevoke = async () => {
    if (!hasDelegatedWallets) return; // Button is disabled to prevent this case
    await revokeWallets();
};

return (
    <button disabled={!hasDelegatedWallets} onClick={onRevoke}>
        Revoke permission for this app to transact on my behalf
    </button>
);
}