rewards-frontend-package / AddAllocationsComponent / AddAllocationsComponent

Class: AddAllocationsComponent

Defined in: src/AddAllocationsComponent.ts:17

Component for managing and adding reward allocations to multiple addresses.

This component handles the UI and logic for adding allocations to various addresses with corresponding amounts. It integrates with the RewardsClient to fetch data and submit transactions to the blockchain.

Example

const addAllocationsComponent = new AddAllocationsComponent(rewardsClient, walletManager)
addAllocationsComponent.bind(document.getElementById('add-allocations-container'))

Constructors

Constructor

new AddAllocationsComponent(rewardsClient, walletManager): AddAllocationsComponent

Defined in: src/AddAllocationsComponent.ts:31

Creates an instance of AddAllocationsComponent.

Parameters

rewardsClient

RewardsClient

The client for interacting with rewards contract and API

walletManager

WalletManager

The wallet manager for account and network state

Returns

AddAllocationsComponent

Properties

addresses

private addresses: string[] = []

Defined in: src/AddAllocationsComponent.ts:21

amounts

private amounts: number[] = []

Defined in: src/AddAllocationsComponent.ts:22

decimals

private decimals: number = 6

Defined in: src/AddAllocationsComponent.ts:23

element

private element: HTMLElement | null = null

Defined in: src/AddAllocationsComponent.ts:18

rewardsClient

private rewardsClient: RewardsClient

Defined in: src/AddAllocationsComponent.ts:19

walletManager

private walletManager: WalletManager

Defined in: src/AddAllocationsComponent.ts:20

Methods

addEventListeners()

private addEventListeners(): void

Defined in: src/AddAllocationsComponent.ts:114

Adds event listeners for user interactions.

Listens for click events on the add allocations button and updates internal state from textarea inputs before submission.

Returns

void

bind()

bind(element): void

Defined in: src/AddAllocationsComponent.ts:42

Binds the component to a DOM element and initializes event listeners.

Parameters

element

HTMLElement

The HTML element to bind the component to

Returns

void

destroy()

destroy(): void

Defined in: src/AddAllocationsComponent.ts:130

Cleans up the component.

Currently no specific cleanup needed, but provided for interface consistency.

Returns

void

fetchAllocationsData()

private fetchAllocationsData(): Promise<void>

Defined in: src/AddAllocationsComponent.ts:61

Fetches allocation data from the backend API for the active account.

Updates the internal state with addresses and amounts, then re-renders the UI. Handles errors by displaying alerts to the user.

Returns

Promise<void>

handleAddAllocations()

private handleAddAllocations(): Promise<void>

Defined in: src/AddAllocationsComponent.ts:91

Handles the add allocations transaction submission.

Sends the current addresses and amounts to the blockchain via RewardsClient. Displays success/error messages and refreshes data on success.

Returns

Promise<void>