Skip to content

[Frontend] Wire wallet dashboard to live APIs #296

Description

@Kaylahray

Description

The wallet screen exists, but it still depends on simulated wallet behavior instead of the live balance, transactions, funding, and withdrawal APIs.

User Story

As a wallet user,
I want to view and manage my balance through live data,
so that the wallet page reflects my actual account state.

Requirements and Context

  • Files: app/wallet/page.tsx, app/components/wallet-management.tsx, app/app/api/wallet/balance/route.ts, app/app/api/wallet/fund/route.ts, app/app/api/wallet/withdraw/route.ts, app/app/api/wallet/transactions/route.ts
  • Fetch live balance and transaction history from the wallet APIs
  • Wire the funding and withdrawal forms to the real API responses
  • Show optimistic UI only when the server confirms success

Suggested Implementation

// WALLET PAGE
// 1. Fetch /api/wallet/balance on load.
// 2. Fetch /api/wallet/transactions for history.
// 3. Submit fund/withdraw forms to their API routes.
// 4. Revalidate balance after each successful transfer.

Acceptance Criteria

  • Wallet balance is fetched from the API on page load.
  • Funding and withdrawal actions update the displayed balance.
  • Transaction history refreshes after wallet actions.

Submission Guidelines

  • Branch: feat/live-wallet-dashboard
  • Depends on: wallet API routes
  • PR: feat(frontend): connect wallet dashboard to live APIs

Metadata

Metadata

Assignees

No one assigned

    Type

    No fields configured for Task.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions