Build reusable TransactionTracker component

[ogazboiz]

Join our community: https://t.me/+DOylgFv1jyJlNzM0

Description

Every on-chain action (create, withdraw, top-up, cancel, pause, resume) follows the same lifecycle: signing → submitted → confirming → confirmed | failed. A shared component avoids duplicating this logic across all action forms.

What Needs to Happen

• <TransactionTracker /> with states: idle | signing | submitted | confirming | confirmed | failed | cancelled
• On submitted: show tx hash with Stellar Expert link
• On confirming: poll GET /v1/streams/{id} every 3s until indexer reflects the change
• On confirmed: show success with a summary of what changed
• On failed: show Stellar error code + retry button
• Reusable across all action forms

Files

• frontend/src/components/TransactionTracker.tsx (create)

Acceptance Criteria

• All 7 states render correctly
• Explorer link shown after submission
• Retry works after failure

[Lynndabel]

@Lynndabel has applied to work on this issue as part of the Stellar Wave Program's 4th wave.

Hi, please can you assign me this?

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Lynndabel to this issue.

[SamixYasuke]

@SamixYasuke has applied to work on this issue as part of the Stellar Wave Program's 4th wave.

Hi maintainer, I'm a frontend developer with a lot of experience building reusable components, I'd like to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @SamixYasuke to this issue.

[drips-wave]

Congratulations, @Lynndabel! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on April 29, 2026.

🧑‍💻 @Lynndabel: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊