Skip to content

Conversation

@vvm1004
Copy link

@vvm1004 vvm1004 commented Sep 4, 2025

This pull request introduces a new reusable UI component for visualizing multi-step transaction progress, along with supporting documentation, type definitions, and registry integration. The main focus is on the new TxnProgressSteps component, which provides both horizontal and vertical layouts and supports various step states (pending, active, completed, error). The changes also include documentation for usage and customization, type definitions for transaction steps, and registry entries to make the component installable and discoverable.

New Transaction Progress UI Component

  • Added the TxnProgressSteps React component in components/ui/murphy/Txn-Feedback/txn-progress-steps.tsx, supporting horizontal/vertical layouts and multiple step states for transaction workflows.
  • Created a preview/demo page (components/txn-progress-steps-preview.tsx) showcasing the component's features, including step simulation and error handling.
  • Documented the component in content/docs/onchainkit/Txn-Feedback/txn-progress-steps.mdx, including installation instructions, usage examples, props, and customization options.

Type Definitions

  • Added new type definitions for transaction step status and feedback in types/transaction/index.ts, including the TxnStep interface used by the component.

Registry Integration

  • Registered the new component in registry.json, public/r/txn-progress-steps.json, and registry/components/txn-progress-steps.json for discoverability and installation via the UI registry. [1] [2] [3]
  • Updated exports in components/ui/murphy/index.tsx to include TxnProgressSteps for easier import throughout the codebase. [1] [2]

Documentation Navigation

  • Updated content/docs/onchainkit/meta.json to add "Txn-Feedback" to the documentation navigation for better discoverability.

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