Skip to content

Conversation

@vvm1004
Copy link

@vvm1004 vvm1004 commented Aug 19, 2025

This pull request introduces a inline transaction status indicator component, along with supporting documentation, type definitions, and registry entries. The main focus is on providing a consistent way to display transaction states (such as loading, success, error) with customizable icons, text, and styles. The component is now available for import and usage throughout the codebase and is documented for easy adoption.

New Component: Inline Transaction Status

  • Added the InlineTxnStatus React component in components/ui/murphy/Txn-Feedback/inline-txn-status.tsx, supporting various transaction states ("idle", "preparing", "signing", "sending", "confirming", "success", "error"), sizes, and optional text display. It uses icons from lucide-react and supports custom styling through props.

Documentation and Usage

  • Created a comprehensive MDX documentation page at content/docs/onchainkit/Txn-Feedback/inline-txn-status.mdx detailing usage examples, props, status states, size variations, and customization options for the new component.
  • Registered "Txn-Feedback" as a documentation category in content/docs/onchainkit/meta.json.

Type Definitions

  • Introduced new TypeScript interfaces in types/transaction/index.ts to formally define transaction status and related props, ensuring type safety and clarity for component consumers.

Registry Integration

  • Registered the new component in the UI registry via updates to registry.json, public/r/inline-txn-status.json, and registry/components/inline-txn-status.json, enabling discoverability and streamlined installation. [1] [2] [3]

Exports and Imports

  • Updated components/ui/murphy/index.tsx to export and import InlineTxnStatus, making it available for use in other parts of the application. [1] [2]

@vvm1004 vvm1004 changed the title feat: add InlineTxnStatus component with status indicators and docume… feat: add InlineTxnStatus component with status indicators and documentation Aug 19, 2025
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