TokensView

Component for displaying token balances.

import { TokensView } from '@avalabs/avacloud-waas-react';

function TokensSection() {
  return (
    <TokensView
      onBack={() => {
        // Handle back navigation
      }}
      onSend={(token) => {
        // Handle token send action
        console.log('Sending token:', token);
      }}
    />
  );
}

Props

interface TokensViewProps {
  onBack: () => void;  
  onSend?: (token: ERC20Token | NativeToken) => void; 
}

Features

• Displays token balances

• Required back navigation functionality

• Optional token sending functionality

• Handles token state automatically

• Supports both ERC20 and native tokens