Skip to content

Vinay K Graph Hover#4697

Open
Vinay944924 wants to merge 3 commits intodevelopmentfrom
vinay_graph_hover
Open

Vinay K Graph Hover#4697
Vinay944924 wants to merge 3 commits intodevelopmentfrom
vinay_graph_hover

Conversation

@Vinay944924
Copy link
Copy Markdown
Contributor

Description

Screenshot 2026-01-10 at 8 47 22 PM

Related PRS (if any):

This frontend PR is related to the #1405 backend PR.

Main changes explained:

  • Updated the Injury Category Bar chart JSX file by adding tooltip and ensuring the hover works good.

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. View dashboard: http://localhost:3000/bmdashboard/totalconstructionsummary
  6. Test the changes with different dropdown selections

Screenshots or videos of changes:

Video.mov

Note:

If the backend does not work make changes in the db.js file to the current backend development db.js file.

@netlify
Copy link
Copy Markdown

netlify bot commented Jan 11, 2026

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit ae2acf0
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69e676a2e0bc3f0008a6ea8a
😎 Deploy Preview https://deploy-preview-4697--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

@sonarqubecloud
Copy link
Copy Markdown

@one-community one-community added the High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible label Apr 9, 2026
Copy link
Copy Markdown

@HemanthNidamanuru HemanthNidamanuru left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi Vinay,

I tested this PR locally. The chart renders correctly on filter selection and hover is working. One thing I noticed, the tooltip borders are merging with the background and alignment looks off in dark mode. Does dark mode compatibility fall under this PR's scope?

Image Image Image

Copy link
Copy Markdown

@Anusha-Gali Anusha-Gali left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi Vinay,

I have reviewed your PR locally and the hover tooltip works in both the modes and with filters.

Image Image Image

Note: Do check if you could reduce the size of the text in tooltip such that it could avoid touching the chart border before resolving merge conflicts.

@Vinay944924 Vinay944924 changed the title Graph_Hover Vinay K Graph Hover Apr 17, 2026
@sonarqubecloud
Copy link
Copy Markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants