Skip to content

feat(dashboard): build batch payout summary statistics banner showing success percentage (#1039) - #1120

Merged
ONEONUORA merged 1 commit into
Fracverse:masterfrom
shemaiahdelia03-cmd:feat/batch-payout-progress-ring-1039
Oct 17, 2026
Merged

ONEONUORA merged 1 commit into
Fracverse:masterfrom
shemaiahdelia03-cmd:feat/batch-payout-progress-ring-1039

Conversation

@shemaiahdelia03-cmd

Copy link
Copy Markdown
Contributor

Summary

Implements the batch payout summary statistics banner with progress ring chart representing completed vs failed batch recipient items.

Changes Implemented

  • Created RadialProgressBarChart using SVG circle path and circumference calculations (C = 2 * Math.PI * r) with stroke offsets to represent completed vs failed batch recipient items.
  • Displays an emerald progress arc for completed/succeeded items and a rose progress arc for failed items.
  • Calculates and renders completion success percentage in the center of the radial bar chart.
  • Built BatchPayoutSummaryBanner displaying:
    • Success rate badge and banner header.
    • Linear visual ratio completion bar (completed vs failed vs pending).
    • Summary metric tiles: Total Batches, Total Recipients, Completed Items, Failed Items, and Total Disbursed Volume.
    • Interactive legend with completed and failed item counts.
  • Integrated BatchPayoutSummaryBanner into both:
    • The Batch Disbursements overview tab (dashboard/app/dashboard/payouts/page.tsx).
    • The BatchDetailsModal for recipient-level batch inspection.

Closes #1039

@drips-wave

drips-wave Bot commented Oct 16, 2026

Copy link
Copy Markdown

@shemaiahdelia03-cmd Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@ONEONUORA ONEONUORA left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@ONEONUORA
ONEONUORA merged commit 597b53e into Fracverse:master Oct 17, 2026
9 of 10 checks passed
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.

frontend: [Dashboard] DASHBOARD: BUILD BATCH PAYOUT SUMMARY STATISTICS BANNER SHOWING SUCCESS PERCENTAGE

2 participants