Skip to content

Yingshu/contributors report comparison#5359

Open
YSWFelicity wants to merge 3 commits into
developmentfrom
yingshu/contributors-report-comparison
Open

Yingshu/contributors report comparison#5359
YSWFelicity wants to merge 3 commits into
developmentfrom
yingshu/contributors-report-comparison

Conversation

@YSWFelicity

Copy link
Copy Markdown

Description

Implements comparison support for the Contributors Report and improves the overall report UI.
Screenshot 2026-06-27 at 5 59 19 PM

Related PRs (if any)

[PR #3378] → [PR #3423]

No backend PR is required.

Main changes

  • Added comparison mode for the Contributors Report.
  • Updated the report layout to display the Selected Period and Comparison Period side by side.
  • Created useContributorsData.js to encapsulate Contributors Report data fetching and processing for a single date range.
  • Improved the Contributors Report summary layout, typography, spacing, and alignment.
  • Updated the Contributors Report tooltip text to clarify that the report only shows Team Members who have contributed more than 10 Hours.
  • Verified the new functionality in both light mode and dark mode.

How to test

  1. Checkout this branch.
  2. Install dependencies and start the application.
  3. Open the Reports page.
  4. Verify the original Contributors Report.
  5. Enable "Compare to another period".
  6. Verify the Selected Period and Comparison Period are displayed side by side.
  7. Verify the updated summary layout, tooltip, and dark mode support.

Screenshots / Video

Demo Video:
https://github.com/user-attachments/assets/f6cb5a59-1132-445a-8764-29405eb5ccb8

@YSWFelicity YSWFelicity requested a review from linkhanthtel June 28, 2026 01:00
@netlify

netlify Bot commented Jun 28, 2026

Copy link
Copy Markdown

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit 92bba81
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a40722ed475de00080feae7
😎 Deploy Preview https://deploy-preview-5359--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@sonarqubecloud

Copy link
Copy Markdown

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