Skip to content

Refactor DistributionDashboard component and update styles - #537

Open
Hunterly01 wants to merge 1 commit into
RevoraOrg:masterfrom
Hunterly01:UIUXDesignDesignthetokensupplyvisualizationblockinOfferingRegistration
Open

Refactor DistributionDashboard component and update styles#537
Hunterly01 wants to merge 1 commit into
RevoraOrg:masterfrom
Hunterly01:UIUXDesignDesignthetokensupplyvisualizationblockinOfferingRegistration

Conversation

@Hunterly01

Copy link
Copy Markdown
Contributor

Closes #421
Title:
UI/UX: Design the token supply visualization block in offering registration

Body:

Summary

  • Added a live-updating token supply and allocation preview for the offering registration experience
  • Implemented an accessible stacked-bar visualization with labels, patterns, and a summary legend so the allocation is understandable without relying on color alone
  • Added empty-state and over-allocation feedback to improve clarity and validation guidance
  • Wired the new block into the distribution dashboard and updated related styling and tests

Testing

  • npm run build
  • npm test -- --run TokenSupplyBlock.test.tsx DistributionDashboard.test.tsx

- Cleaned up imports and removed unused mock data in DistributionDashboard.tsx.
- Introduced recent uploads section and updated error rate display to use new data structure.
- Simplified KPI calculations and adjusted layout for better readability.
- Updated index.css to resolve merge conflicts and ensure proper font import.
- Modified setupTests.ts to use '@testing-library/jest-dom/vitest' for compatibility.
- Added localStorage mock in setup.ts for testing purposes.
@drips-wave

drips-wave Bot commented Jul 30, 2026

Copy link
Copy Markdown

@Hunterly01 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

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.

[UI/UX Design] Design the token supply visualization block in Offering Registration

1 participant