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
Submission Guidelines
- Branch:
feat/live-wallet-dashboard
- Depends on: wallet API routes
- PR:
feat(frontend): connect wallet dashboard to live APIs
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
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.tsSuggested Implementation
Acceptance Criteria
Submission Guidelines
feat/live-wallet-dashboardfeat(frontend): connect wallet dashboard to live APIs