Trustless Work
Home

Escrows Table by Role

Table layout to explore escrows by role with sorting and filtering. This component contains a detailed view of the escrow, including the role, status, and actions.

EscrowsTableRoleFiltersSortingPagination

Installation

Before installing the block, make sure you have the required providers and blocks. You can read more in the dependencies section based on the block you are using.

1npx trustless-work add escrows/escrows-by-role/table

Filters

-
Active
OnChain
Title
Amount
Actions

Connect your wallet

To continue, connect your wallet and authorize the application.

Page 1
Important Notes
  • If you don't want to use the escrowProvider context, you'll need to provide the payload through an alternative method.
  • In /details/Actions.tsx, you will find the <ReleaseEscrowButton />, <ResolveDisputeDialog />, and <DisputeEscrowButton /> components. They are currently commented out. If you are working with single-release escrows, uncomment them and import them from the single-release blocks. Also, make sure to import the <WithdrawRemainingFundsDialog /> component from the multi-release blocks.
  • In /details/Actions.tsx, you will also find the <UpdateEscrowDialog /> component, which is commented out. For single-release escrows, uncomment it and import it from the single-release blocks. For multi-release escrows, import it from the multi-release blocks. If you need to support both types, import both versions, assign one of them a different name, and render the appropriate component based on selectedEscrow?.type.
  • In /details/MilestoneCard.tsx, you will find the <ReleaseEscrowButton />, <DisputeEscrowButton />, and <ResolveDisputeDialog /> components. They are commented out. If you are working with multi-release escrows, uncomment them and import them from the multi-release blocks.
  • The actions available in the details dialog depend on the role of the current user. In other words, the available actions vary based on the roles assigned during escrow initialization.
Required Providers
<ReactQueryClientProvider />
<TrustlessWorkProvider />
<WalletProvider />
<EscrowProvider />
<EscrowAmountProvider />
<EscrowDialogsProvider />