Skip to content

Conversation

@vvm1004
Copy link

@vvm1004 vvm1004 commented Sep 4, 2025

This pull request introduces a new set of reusable transaction workflow components and preview/demo pages to showcase transaction progress and step flows. The changes are primarily focused on enhancing the UI for transaction feedback, including step-by-step dialogs and progress indicators, and making these components available for use throughout the codebase.

New Transaction Workflow Components

  • Added TxnProgressSteps component for visually displaying transaction steps with support for horizontal and vertical orientations, and various step states (completed, active, pending, error). (components/ui/murphy/Txn-Feedback/txn-progress-steps.tsx)
  • Added StepFlowDialog component to present a modal dialog guiding users through multi-step transaction workflows, with navigation controls and progress feedback. (components/ui/murphy/Txn-Feedback/step-flow-dialog.tsx)

Preview/Demo Pages

  • Created TxnProgressStepsPreview page to demonstrate the transaction progress steps component with different layouts and step states, including simulation of progress and error flows. (components/txn-progress-steps-preview.tsx)
  • Created StepFlowDialogPreview page to showcase the step-by-step dialog for various transaction workflows (NFT minting, token swap, staking), including step navigation and status updates. (components/step-flow-dialog-preview.tsx)

Exports and Integration

  • Exported TxnProgressSteps and StepFlowDialog from the Murphy UI index for easy reuse in other parts of the application. (components/ui/murphy/index.tsx) [1] [2]

Minor Code Cleanup

  • Fixed a missing semicolon in the import statement for CompressedNFTViewer in the Murphy UI index. (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