Skip to content

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

Open
handikaharianto wants to merge 29 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 29 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 CompletedTasksTable.jsx for implementing the completed tasks table.
  • Create CompletedTasksTable.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 the CompletedTasksTable table.
  • 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.

Screenshots or videos of changes:

Screen.Recording.2026-07-24.at.11.35.45.PM.mov

Note:

None

@netlify

netlify Bot commented Jul 24, 2026

Copy link
Copy Markdown

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit cbddb7f
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a64bdc7809f6e0008b23a1c
😎 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.

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

2 participants