[Frontend] Build activity page with full event history

[ogazboiz]

https://t.me/+DOylgFv1jyJlNzM0

Description

The /activity route is stubbed out but needs a proper event timeline that shows all stream events for the connected wallet. Users need to audit what happened to their streams (creates, tops-ups, withdrawals, pauses, cancellations). This page should pull from the backend events API, support filtering by event type, and allow exporting the full history as CSV.

Acceptance Criteria

• Page fetches all events for the connected wallet from GET /api/v1/events with pagination
• Events are displayed in reverse-chronological order in a timeline/list layout
• Each event row shows: event type badge, stream ID (linked to detail page), amount (if applicable), timestamp, and tx hash (linked to Stellar Explorer)
• Filter bar allows narrowing by event type (e.g. CREATED, WITHDRAWN, CANCELLED, PAUSED, COMPLETED)
• "Export CSV" button generates and downloads a CSV of the filtered event list client-side
• Infinite scroll or "Load more" pagination (not full-page navigation)
• Empty state with helpful copy when no events exist

Files to Touch

• src/app/activity/page.tsx — full implementation
• src/components/activity/EventTimeline.tsx — timeline list component
• src/components/activity/EventRow.tsx — single event row
• src/components/activity/EventFilterBar.tsx — filter controls
• src/hooks/useActivityEvents.ts — React Query infinite query hook
• src/lib/api/events.ts — fetchEvents API helper
• src/lib/exportCsv.ts — CSV export utility

[K1NGD4VID]

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

Hi

Please assign me this task. I’ll implement the activity page with an infinite-query events hook, reverse-chronological timeline UI with filtering and linked metadata, client-side CSV export, and proper empty/loading states while integrating the required components and API helpers.

ETA: 1–2 hours

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

[Sulex45]

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

Hi id love to work on this issue

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

[devonahi]

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

Hello, I would like to work on this issue
Just this one

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

[davedumto]

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

can I work on this issue?

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

[drips-wave]

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

🧑‍💻 @davedumto: 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 🌊

[drips-wave]

This issue has been completed by @davedumto as part of the Stellar Wave Program's 4th Wave 🥳

😎 @davedumto: You earned 100 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.