Skip to content

feat(dashboard): combine earnings and payouts#99

Merged
jal-co merged 1 commit into
mainfrom
style/full-width-earnings
Jul 15, 2026
Merged

feat(dashboard): combine earnings and payouts#99
jal-co merged 1 commit into
mainfrom
style/full-width-earnings

Conversation

@jal-co

@jal-co jal-co commented Jul 15, 2026

Copy link
Copy Markdown
Collaborator

What

  • rebuild /dashboard/earnings as a full-width creator earnings workspace
  • combine earnings, profit share, payout readiness, and Stripe controls on one page
  • add interactive 30-day verified-install and profit-share-accrual charts
  • support pointer, touch, focus, Home/End, and arrow-key chart inspection
  • add honest UTC daily trend aggregation for installs, sale proceeds, and payout-run activity
  • consolidate the sidebar to one Earnings & payouts destination
  • preserve /dashboard/payouts as a legacy redirect and move future Stripe returns to Earnings
  • add payout-account setup, incomplete, active, and environment-disabled states
  • add payout threshold progress without changing distribution semantics
  • add Storybook coverage and unit tests for UTC trend bucketing

Why

Earnings and payouts were two narrow, disconnected pages that repeated context and left most of the dashboard canvas unused. Creators now get one coherent view of what generated earnings, what has accrued or been distributed, and whether their Stripe account can receive transfers.

How

  • follows Interface Craft principles: one visual entry point, progressive disclosure, data-first hierarchy, readable chart instructions, and consistent status/action patterns
  • derives trailing-30-day chart points from real install receipts, paid purchases, and payout-run shares; no projections or synthetic production values
  • keeps amber scoped to money/progress and emerald scoped to digest-verified activity and transfer readiness
  • keeps hover feedback color-based without positional movement and honors reduced motion
  • retains existing Stripe Connect, threshold, marketplace-flag, sales-ledger, and profit-share behavior
  • avoids generic verification claims; Verified installs remains explicitly digest/CLI scoped and payout status says Transfers ready

Testing

  • web TypeScript check
  • 77 unit tests, including two new earnings-trend tests
  • production build
  • Storybook build
  • desktop browser check at 1440 × 900
  • mobile browser check at 390 × 844
  • dark and light theme checks
  • keyboard chart inspection verified (aria-valuenow 29 → 28 with date/value text)
  • pointer tooltip inspection verified
  • legacy /dashboard/payouts redirect verified
  • accessible names checked for main-content buttons
  • no horizontal overflow
  • git diff --check

Screenshots

  • Before Earnings: /tmp/earnings-before-1440.png
  • Before Payouts: /tmp/payouts-before-1440.png
  • After desktop: /tmp/earnings-after-desktop.png
  • After mobile: /tmp/earnings-after-mobile.png
  • After light theme: /var/folders/xl/4wj42zy566gcnpk2c25wlxcr0000gn/T/screenshot-2026-07-15T19-41-24-639Z.png

Signed-off-by: Justin Levine <20596508+jal-co@users.noreply.github.com>
@jal-co
jal-co requested a review from a team as a code owner July 15, 2026 19:46
@jal-co
jal-co merged commit 359a35b into main Jul 15, 2026
2 checks passed
@jal-co
jal-co deleted the style/full-width-earnings branch July 15, 2026 19:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant