feat: add txn-error-fallback component with retry and logging features, including documentation and registry entries #195
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This pull request introduces a new set of transaction feedback UI components and their corresponding preview/demo pages, aimed at improving the user experience around transaction errors, status notifications, and retry actions. The changes are grouped into new feature additions and integration into the component library.
New Transaction Feedback Components:
TxnFeedbackToastcomponent for displaying transaction status notifications with contextual icons, messages, and actions (e.g., retry, copy signature). Supports multiple transaction states: preparing, signing, sending, confirming, success, and error. (components/ui/murphy/Txn-Feedback/txn-feedback-toast.tsx)TxnRetryButtoncomponent that enables users to retry transactions with configurable max retries and delay, displaying retry progress and count. (components/ui/murphy/Txn-Feedback/txn-retry-button.tsx)TxnErrorFallbackcomponent for presenting detailed transaction error information, including error messages, optional signatures, transaction logs, and actions to copy error or view on Solana Explorer. (components/ui/murphy/Txn-Feedback/txn-error-fallback.tsx)Preview/Demo Pages for Transaction Feedback:
TxnErrorFallbackPreviewdemonstrates error fallback UI with sample errors, signature, and logs. (components/txn-error-fallback-preview.tsx)TxnFeedbackToastPreviewprovides controls to simulate transaction states and display the toast notification. (components/txn-feedback-toast-preview.tsx)TxnRetryButtonPreviewshows different retry button configurations and integrates with toast notifications. (components/txn-retry-button-preview.tsx)Component Library Integration:
TxnFeedbackToast,TxnRetryButton,TxnErrorFallback) from the Murphy UI library for use throughout the application. (components/ui/murphy/index.tsx) [1] [2]components/ui/murphy/index.tsx)