Skip to content

Conversation

@vvm1004
Copy link

@vvm1004 vvm1004 commented Sep 4, 2025

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:

  • Added TxnFeedbackToast component 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)
  • Added TxnRetryButton component 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)
  • Added TxnErrorFallback component 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:

  • Added preview/demo pages for each new component to facilitate testing and showcase usage:
    • TxnErrorFallbackPreview demonstrates error fallback UI with sample errors, signature, and logs. (components/txn-error-fallback-preview.tsx)
    • TxnFeedbackToastPreview provides controls to simulate transaction states and display the toast notification. (components/txn-feedback-toast-preview.tsx)
    • TxnRetryButtonPreview shows different retry button configurations and integrates with toast notifications. (components/txn-retry-button-preview.tsx)

Component Library Integration:

  • Exported the new transaction feedback components (TxnFeedbackToast, TxnRetryButton, TxnErrorFallback) from the Murphy UI library for use throughout the application. (components/ui/murphy/index.tsx) [1] [2]
  • Minor formatting fix for import statements in the Murphy UI index file. (components/ui/murphy/index.tsx)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant