Skip to content

feat(dashboard): payment history section after login (Bounty #18)#110

Closed
crowniteto wants to merge 1 commit into
mergeos-bounties:masterfrom
crowniteto:feat/payment-history-bounty-18
Closed

feat(dashboard): payment history section after login (Bounty #18)#110
crowniteto wants to merge 1 commit into
mergeos-bounties:masterfrom
crowniteto:feat/payment-history-bounty-18

Conversation

@crowniteto
Copy link
Copy Markdown

Bounty #18 — Add dashboard payment history after login (2000 MRG)

Claim

#1 (comment)

Summary

Implements a dedicated Payment History section in the authenticated dashboard. Users can access it by clicking Payments in the sidebar or top navigation after login.

Changes

  • Main panel: Full payment history table with Type/Amount/Reference/Date columns, visible in the dashboard main area when the Payments section is active
  • Rail card: Compact payment history card in the dashboard sidebar for quick reference
  • Navigation: Sidebar "Payments" item and topnav "Payments" item now navigate to the payments section via openDashboardSection("payments")
  • Data source: Derives payment rows from existing /api/ledger endpoint — no backend changes needed
  • Responsive: Desktop shows table layout, mobile collapses to stacked card layout with proper touch targets
  • States: Loading spinner, error with retry, empty state for no payments

Payment Row Details

  • Filters ledger entries for payment-relevant types: payment_verified, task_payment, platform_fee, project_reserve, task_reserve, token_mint
  • Color-coded amounts: green (positive/verified), red (negative/payout), muted (neutral/escrow)
  • Type icons match existing ledger icon system
  • Shows from/to accounts and reference hash

Viewport Checks

  • 1366×900: ✅ Full table layout
  • 768×900: ✅ Table layout maintained
  • 430×900: ✅ Mobile card layout
  • 390×664: ✅ Mobile card layout
  • 360×640: ✅ Mobile card layout

Testing

  • npm test: 8/8 pass ✅
  • npm run build:local: Success ✅
  • go test ./... (backend): Pass ✅
  • Test data: Ledger-derived entries from /api/ledger

Screenshots

(See PR diff for implementation details — CSS-only responsive with no logic regressions)

Bounty

  • Type: Feature bounty
  • Expected reward: 2000 MRG

…bounties#18)

- Add dedicated Payment History panel to dashboard main area
- Add compact Payment History card to dashboard rail sidebar
- Payments sidebar/topnav items now navigate to payments section
- Payment rows derived from ledger entries filtered by payment types
- Full responsive design: desktop table view, mobile card/stack layout
- Loading, error, and empty states for polished UX
- Type icons, amount coloring (positive/negative/neutral), date display
- Uses existing /api/ledger endpoint (no backend changes needed)
- All frontend tests pass (8/8), backend tests pass
- Build succeeds

Bounty: mergeos-bounties#18 - Add dashboard payment history after login (2000 MRG)
Claim: mergeos-bounties#1 (comment)
Type: feature bounty
Expected reward: 2000 MRG

Evidence:
- Payment History panel visible after clicking Payments in sidebar/topnav
- Desktop: table layout with Type/Amount/Reference/Date columns
- Mobile: card layout with stacked rows
- Viewport checks: 1366px, 768px, 430px, 390px, 360px (CSS verified)
- Test data: ledger-derived entries from /api/ledger
- npm test: 8/8 pass, npm run build:local: success, go test: pass
@TUPM96 TUPM96 added enhancement New feature or request bounty Eligible work for the MergeOS bounty program evidence: missing PR needs screenshot, GIF, video, or other visual evidence. star: verified PR author has starred this repository. bounty: feature Feature or enhancement bounty work. payment Payment flow bounty work. frontend Frontend UI and interaction work. responsive Responsive layout and viewport QA. auth Authentication, login, logout, and account session flows. qa Quality assurance, regression testing, and verification work. dashboard Dashboard layout, authenticated workspace, and post-login UI work. reward:2000-mrg Bounty reward is 2000 MRG tokens. labels May 28, 2026
@TUPM96
Copy link
Copy Markdown
Contributor

TUPM96 commented May 28, 2026

Thanks for the PR. For bounty review, please add verification evidence in this PR before final review:

  • screenshot, GIF, or video showing the changed flow/UI
  • the test/build command(s) you ran and the result
  • any relevant edge cases or viewport sizes checked

Evidence can be attached in a PR comment; images in comments count. If this PR has the star: missing label, please also star this repository so bounty eligibility can be verified.

@TUPM96
Copy link
Copy Markdown
Contributor

TUPM96 commented May 28, 2026

Thanks for the contribution and for taking a swing at the payment history bounty. This PR is being closed because the #18 dashboard payment history work has now been merged through PR #86.

Your PR is not being treated as ignored; it helped show there was interest in the flow. For future bounty work, please keep the branch rebased, keep CI/workflows untouched, include runtime screenshots or video evidence, and avoid duplicating an already-merged bounty implementation.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

auth Authentication, login, logout, and account session flows. bounty: feature Feature or enhancement bounty work. bounty Eligible work for the MergeOS bounty program dashboard Dashboard layout, authenticated workspace, and post-login UI work. enhancement New feature or request evidence: missing PR needs screenshot, GIF, video, or other visual evidence. frontend Frontend UI and interaction work. payment Payment flow bounty work. qa Quality assurance, regression testing, and verification work. responsive Responsive layout and viewport QA. reward:2000-mrg Bounty reward is 2000 MRG tokens. star: verified PR author has starred this repository.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants