This component displays a graphic presentation
of a {@link TransferTransaction} instance, with different
adjustments for each contract type if the transaction is a
contract transaction, otherwise displays amount details.
You can customize the look&feel of this components with adjusting the props.
example
Using the DappIcon component with sizes
Sizes that are available with the components library
can take up values as defined in Size.
new with object props
ideally, the return type should just contain Props,
not Record<keyof Props, any>. But TS requires to have Base constructors
with the same return type.
Getter to return the fiat equivalent of the token amount of this component's transaction.
Result is fixed to 2 decimal points (e.g. 100.00).
access
protected
Returns string
Protected amountToken
get amountToken(): string
Getter to return the token amount string of this component's transaction.
Result is fixed to 2 decimal points (e.g. 100.00).
access
protected
Returns string
Protected hasContract
get hasContract(): boolean
Getter to return a boolean indicating whether this component's
transaction is a contract transaction or not.
Note that this information is obtained by checking the message of the component
and see whether it is a valid JSON object, containing the contract field.
access
protected
Returns boolean
Protected recipientAddress
get recipientAddress(): string
Getter to return the recipient's address in pretty format.
e.g. ABCDEF-GHIJKL-MNOPQR-STUVWX-YZ0123-456789-ABC
access
protected
Returns string
Protected senderAddress
get senderAddress(): string
Getter to return the sender's address in pretty format.
e.g. ABCDEF-GHIJKL-MNOPQR-STUVWX-YZ0123-456789-ABC
This component displays a graphic presentation of a {@link TransferTransaction} instance, with different adjustments for each contract type if the transaction is a contract transaction, otherwise displays amount details.
You can customize the look&feel of this components with adjusting the props.
Using the DappIcon component with sizes Sizes that are available with the components library can take up values as defined in Size.
Parameters
This component's required {@link TransferTransaction} instance.
The transaction's associated Asset information.
The sender account name to be displayed.
The recipient account name to be displayed.
The optional flag indicating whether to display account addresses or not.