Skip to content

feat(frontend): add Activity page and timeline component styles (#27)#39

Open
mitchellecm7 wants to merge 1 commit intoStreampay-Org:mainfrom
mitchellecm7:design/activity-timeline-ui
Open

feat(frontend): add Activity page and timeline component styles (#27)#39
mitchellecm7 wants to merge 1 commit intoStreampay-Org:mainfrom
mitchellecm7:design/activity-timeline-ui

Conversation

@mitchellecm7
Copy link
Copy Markdown

Summary

Implements the Activity screen with a timeline component for stream lifecycle events as described in issue #27.

Changes

  • app/activity/page.tsx — new Activity page with filter tabs (All / Created / Started / Settled / Stopped) and event count badge
  • app/components/ActivityTimeline.tsx — new timeline component with color-coded events, empty state, and dark background support
  • app/components/ActivityTimeline.test.tsx — 13 tests covering empty state, populated state, and edge cases

Event Types Supported

  • Created
  • Started
  • Settled
  • Stopped

Testing

  • ✅ Empty state renders correctly
  • ✅ Populated state renders all event types
  • ✅ Stream name falls back to stream ID when absent
  • ✅ Amount and token badge render when provided
  • ✅ Timestamps render as semantic <time> elements

Notes

  • Readable on dark background with no visual clutter
  • Mock events included for development/demo purposes

Closes #27

@drips-wave
Copy link
Copy Markdown

drips-wave bot commented Mar 30, 2026

@mitchellecm7 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@greatest0fallt1me
Copy link
Copy Markdown
Contributor

@mitchellecm7 Please resolve the conflicts

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.

Activity page UI and timeline component styling

2 participants