Skip to content

Handika: Create a People Report solution for when people have more than 20 tasks. - #5405

Open
handikaharianto wants to merge 48 commits into
developmentfrom
handika/people-report-solution-for-large-tasks
Open

Handika: Create a People Report solution for when people have more than 20 tasks.#5405
handikaharianto wants to merge 48 commits into
developmentfrom
handika/people-report-solution-for-large-tasks

Conversation

@handikaharianto

@handikaharianto handikaharianto commented Jul 24, 2026

Copy link
Copy Markdown
Contributor

Description

image

Related PRS (if any):

This frontend PR is related to the #4635 .

Main changes explained:

  • Create CompletedTasksPieChart.jsx for implementing the completed tasks table.
  • Create CompletedTasksPieChart.module.css for the CSS styles of the table.
  • Update PeopleTasksPieChart.jsx‎ for hiding the previous implementation of Tasks With Completed Hours chart.
  • Update PeopleReport.jsx to display CompletedTasksPieChart.
  • Update PeopleReport.module.css for modifying the CSS styles
  • Update ReportPage.module.css for modifying the CSS style

How to test:

  1. check into handika/people-report-solution-for-large-tasks
  2. do npm install and npm run start:local to run this PR locally
  3. Clear site data/cache
  4. log as admin/owner user
  5. go to Reports → Reports→ People → Click one the person's name on the table
  6. verify the Tasks With Completed Hours table properly handles large number of completed tasks.
  7. verify the Tasks With Completed Hours table displays an empty state when there is no data to display.
  8. verify the dark mode.

Note:

None

@netlify

netlify Bot commented Jul 24, 2026

Copy link
Copy Markdown

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit d22823e
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a6d336bbd9490000889017b
😎 Deploy Preview https://deploy-preview-5405--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.

handikaharianto and others added 18 commits July 27, 2026 16:51
The legend table in CompletedTasksPieChart is currently capped with a
fixed 60vh/80vh CSS rule. On screens >= 2000px there is significant
unused vertical space inside the parent .stats block. This spec
describes measuring the available height in PeopleReport (stats.height
- metrics.height - PeopleTasksPieChart.height) and passing it down to
CompletedTasksPieChart as a prop, with the CSS rules remaining as
the fallback for screens below 2000px and the brief moment before the
first ResizeObserver measurement.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@handikaharianto handikaharianto added the High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible label Jul 31, 2026
@sonarqubecloud

Copy link
Copy Markdown

@handikaharianto handikaharianto removed the High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible label Aug 1, 2026
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.

2 participants