Skip to content

[Frontend] Wire wallet dashboard to live APIs #296

@Kaylahray

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

Type

No fields configured for Task.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions