Aayush lessons learned hover ghost bar graph

[aayushshetty12]

Description

Related PRS (if any):

#3619
…

Main changes explained:

• Updated InjuryCategoryBarChart.jsx
  …

How to test:

1. check into current branch
2. do npm install and ... to run this PR locally
3. Clear site data/cache
4. log as admin user
5. go to /bmdashboard/totalconstructionsummary
6. go to Lessons Learned > Injury Severity by Category of Worker Injured
7. no graph should be shown if no data available

Screenshots or videos of changes:

Recording.2025-11-26.234413.mp4

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	be569ba
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/696ab3b1be01570008a1f5b3
😎 Deploy Preview	https://deploy-preview-4461--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[VijayAnirudh]

### Review Summary ✅

Tested the aayush_lessons_learned_hover_ghost_bar_graph branch locally:

• Graph Rendering

  • Verified that when chartData is empty, the bar chart no longer renders a ghost/empty graph.
  • When valid data exists, the chart displays correctly with proper alignment and labels.

• Error & Loading States

  • Confirmed that Loading… and Error messages display appropriately.
  • No console warnings or runtime errors observed.

• Code Quality

  • ESLint warning resolved in Header.jsx (unused variable removed).
  • Minor cleanup in yarn.lock applied without breaking dependencies.

• Deploy Preview

  • Netlify preview matches local behavior — ghost graph issue is resolved and UI remains consistent.

Conclusion

All acceptance criteria have been met:

• Ghost graph no longer appears when no data is available.
• Graph renders correctly when data exists.
• Code cleanup and ESLint fixes applied.

Approving this PR ✅

[Anusha-Gali]

Hi Aayush,

I have reviewed your PR locally, though when selecting date's the chart does not render a ghost graph but when the date filter is not selected, we can see ghost bar graph. Assuming this is an acceptable scenario, there is also space left for the graph in terms of no ghost graphs, so i am requesting changes in the PR.

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[Anusha-Gali]

Hi Aayush,

Thanks for updating the PR, no more ghost bar is visible.

[naiduajaykumar]

Everthing look fine approving this pr.

[rohanrastogi311]

Hi Aayush,

Well done with this implementation.

[saitejakaasoju]

Hi Aayush,
I tested this PR locally following the “How to test” steps. In Lessons Learned -> Injury Severity by Category of Worker Injured, the graph renders when data is available (e.g., with default/no specific filters), and when there is no data the page shows “No data for selected filters”, no graph/hover ghost bar is displayed. Looks good to merge.

[one-community]

Thank you all, merging!