Alisha - fix(job-analytics): improve tooltip data clarity for application time…

[alishawalunj]

Description

Related PRS (if any):

To test this frontend PR you need to checkout development branch for backend.

Main changes explained:

• Update ApplicationTimeChart.jsx for adding tooltip on bar hover displaying role name, average time, and total applications with dynamic filter support
• Update ApplicationTimeChart.module.css for introducing tooltip styles

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 http://localhost:5173/application-time-chart
6. verify the tooltip is displayed on hovering over the chart displaying role name, average time (in minutes), and total number of applications

Screenshots or videos of changes:

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	55e19d7
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69dc58823ac01600081c926e
😎 Deploy Preview	https://deploy-preview-5043--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.

[HemanthNidamanuru]

Hi Alisha,

I have reviewed your PR locally. The tooltip improvements are working as expected, showing the role name, average time, and total applications correctly.

One observation: the chart title color is not adapting to dark mode.

[Anusha-Gali]

Hi Alisha,

I have reviewed your PR locally and not sure why the dark mode is not working in your PR since it seems to work in Dev, could you pull the latest changes and make sure the toggle is well adapted to dark mode as black background would ideally not work well.

localhost
light mode

dark mode

dev dark mode

[rajanidi1999]

Looks good overall,
Just one accessibility suggestion: the .bar div is interactive (hover/tooltip), so it should ideally support keyboard access (e.g., tabIndex, role="button", and focus/blur handlers).
Also noticed a few duplicate CSS properties that could be cleaned up.
Otherwise, great work on the tooltip behavior and positioning

[alishawalunj]

Hi Alisha,

I have reviewed your PR locally and not sure why the dark mode is not working in your PR since it seems to work in Dev, could you pull the latest changes and make sure the toggle is well adapted to dark mode as black background would ideally not work well.

localhost light mode dark mode

dev dark mode

The issue is fixed. Please review.

[sonarqubecloud]

Quality Gate passed

Issues
2 New issues
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

[rajanidi1999]

[Anusha-Gali]

Hi Alisha,

Thanks for fixing the issues. The toggle is now well adapted in both the modes.

[rithika-paii]

Hi Alisha,
I reviewed the PR #5043 locally, and it works well! No changes required from my side!

PR.5043.mov