rewards-frontend-package / ClaimComponent / ClaimComponent

Class: ClaimComponent

Component for handling reward claim operations.

Manages the logic for submitting claim transactions to the blockchain. No longer handles UI rendering - relies on Django template for initial state.

Example

const claimComponent = new ClaimComponent(rewardsClient, walletManager)
claimComponent.bind(document.getElementById('claim-container'))

Constructors

Constructor

new ClaimComponent(rewardsClient, walletManager): ClaimComponent

Defined in: src/ClaimComponent.ts:27

Creates an instance of ClaimComponent.

Parameters

rewardsClient

RewardsClient

The client for interacting with rewards contract and API

walletManager

WalletManager

The wallet manager for account and network state

Returns

ClaimComponent

Properties

element

private element: HTMLElement | null = null

Defined in: src/ClaimComponent.ts:17

rewardsClient

private rewardsClient: RewardsClient

Defined in: src/ClaimComponent.ts:18

walletManager

private walletManager: WalletManager

Defined in: src/ClaimComponent.ts:19

Methods

addEventListeners()

private addEventListeners(): void

Defined in: src/ClaimComponent.ts:92

Adds event listeners for user interactions.

Listens for click events on the claim button.

Returns

void

bind()

bind(element): void

Defined in: src/ClaimComponent.ts:37

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/ClaimComponent.ts:114

Cleans up the component.

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

Returns

void

handleClaim()

private handleClaim(): Promise<void>

Defined in: src/ClaimComponent.ts:50

Handles the claim transaction submission.

Submits a claim transaction to the blockchain and notifies the backend on success. Refreshes the page after successful claim to show updated state.

Returns

Promise<void>