Trustless Work
Home

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

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 />