Skip to main content

​
NormalizedEventRow

Default row for any normalized event. Shows category badge, sub_kind, dapp_id, from/to addresses, amount (and amount_usd if present), and a “View transaction” link when explorerUrl is set.

​
Props (NormalizedEventRowProps)

PropTypeDescription
eventNormalizedEventRequired. The event to display.
explorerUrlstring or nullBase URL for tx link (e.g. https://explorer.alephium.org).
classNamestringRoot element class.
badgeClassNamestringCategory badge class.
contentClassNamestringContent area class.
amountDecimalsnumberDecimals for amount formatting (default 4).

​
Example

import { NormalizedEventRow } from "@alphscan/sdk-react-ui";

<NormalizedEventRow
  event={event}
  explorerUrl="https://explorer.alephium.org"
  amountDecimals={4}
/>

​
ContractCallEventRow

Row for events with category contract_call. Shows contract address, method/method_name, parsed parameters, token approved section, and tx link. Uses resolvedParameters or Parameters from parsed_arguments when available.

​
Props (ContractCallEventRowProps)

Extends NormalizedEventRowProps (event must be NormalizedEvent with category “contract_call”). Same explorerUrl, className, badgeClassName, contentClassName.

​
Example

import { ContractCallEventRow } from "@alphscan/sdk-react-ui";

<ContractCallEventRow
  event={event}
  explorerUrl="https://explorer.alephium.org"
/>

​
NormalizedEventRowByCategory

Chooses the row component by event category. If category is contract_call, renders ContractCallEventRow; otherwise NormalizedEventRow. Accepts all NormalizedEventRowProps.

​
Props (NormalizedEventRowByCategoryProps)

Same as NormalizedEventRowProps: event, explorerUrl?, className?, badgeClassName?, contentClassName?, amountDecimals?.

​
Example

import { NormalizedEventRowByCategory } from "@alphscan/sdk-react-ui";

<NormalizedEventRowByCategory event={event} explorerUrl="https://explorer.alephium.org" />
NormalizedEventsList uses this internally when useCategoryComponents is true.