Escrows Cards by Signer
Card grid to browse escrows by signer with quick stats and actions. This component contains a detailed view of the escrow, including the signer, status, and actions.
EscrowsCardsSignerGridOverview
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-signer/cards
Filters
-
Active
OnChain
Sort
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 />
Related Blocks
Escrows Cards by Role
CardsCard grid to browse escrows by role with...
EscrowsCards+3
Escrows Table by Signer
TableTable layout to explore escrows by signe...
EscrowsTable+4
Escrows Table by Role
TableTable layout to explore escrows by role ...
EscrowsTable+4
Initialize Escrow
EscrowsComponent to initialize an escrow with d...
InitializeEscrows+1