Create stream detail page with all actions (withdraw, top-up, cancel, pause)

[ogazboiz]

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

Description

A dedicated page for a single stream showing full details, event history, and action buttons for all on-chain operations.

What Needs to Happen

• Route: /streams/[streamId]
• Display: sender, recipient, token, rate/sec, deposited, withdrawn, claimable (live counter), start/end time, status, pause info
• Event history timeline: CREATED, TOPPED_UP, WITHDRAWN, CANCELLED, COMPLETED, PAUSED, RESUMED
• Action buttons (shown based on role and stream state):
  • Withdraw (recipient, active): sign withdraw() via Freighter
  • Top-up (sender, active): amount input + sign top_up_stream()
  • Pause/Resume (sender, active/paused): sign pause_stream() or resume_stream()
  • Cancel (sender, active/paused): sign cancel_stream() with confirmation dialog

Files

• frontend/src/app/streams/[streamId]/page.tsx (create)

Acceptance Criteria

• All actions submit real Soroban transactions
• Live claimable counter ticks up per second
• Event history paginated

[2411015047-afk]

Hi! I can build the /streams/[streamId] detail page with full action buttons and event timeline.

I have experience with:

• Next.js / React for Stellar/Soroban dApps
• Freighter wallet integration for transaction signing
• Real-time claimable counter and event history parsing
• All stream actions: withdraw, top-up, cancel, pause

Let me know if this is a paid engagement — I can deliver quickly.

[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.

[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 🌊