Skip to content

Issue #3: Build Transaction History UI Component #3

@Chinaza007

Description

@Chinaza007

Labels: feature, frontend, ui-ux, beginner-friendly, P2-medium

Description:
Create a reusable transaction history component that displays past transactions with filtering and sorting.
Acceptance Criteria:

Shows list of transactions (sent/received)
Each transaction shows: amount, asset, date, status, recipient/sender
Filter by: sent/received, date range, asset type
Sort by: date (newest/oldest), amount
Pagination (20 transactions per page)
Loading states and error handling
Responsive design (mobile + desktop)

Design Reference:
┌────────────────────────────────────┐
│ Transaction History ⚙️ │
├────────────────────────────────────┤
│ Filter: [All ▼] [Last 30 days ▼] │
├────────────────────────────────────┤
│ ↓ Received $50.00 USD │
│ From: John Doe │
│ Feb 13, 2026 • 2:30 PM │
│ ✓ Confirmed │
├────────────────────────────────────┤
│ ↑ Sent $25.00 USD │
│ To: Maria Garcia │
│ Feb 12, 2026 • 10:15 AM │
│ ✓ Confirmed │
└────────────────────────────────────┘
Estimated Time: 6-8 hours

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions