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 walletTo 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 />
Related Blocks
Escrows Table by Signer
TableTable layout to explore escrows by signe...
EscrowsTable+4
Escrows Cards by Role
CardsCard grid to browse escrows by role with...
EscrowsCards+3
Escrows Cards by Signer
CardsCard grid to browse escrows by signer wi...
EscrowsCards+3
Initialize Escrow
EscrowsComponent to initialize an escrow with d...
InitializeEscrows+1