-
Notifications
You must be signed in to change notification settings - Fork 48
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Rishitha phase3 visualizations for no show rate reports #3156
base: development
Are you sure you want to change the base?
Rishitha phase3 visualizations for no show rate reports #3156
Conversation
✅ Deploy Preview for highestgoodnetwork-dev ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
…-Show_Rate_Reports
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Followed instructions, graphs function as expected, animations are smooth as well. However, dark mode is not reflected in the page.
Summary of conditions tested:
- Checked graph UI, animation, and hovers in light mode
- Checked graph UI, animation, and hovers in dark mode
- Checked animations and displays in different screen sizes
2-Click.Screen.Recorder-20250214-210424.891.mp4
2-Click.Screen.Recorder-20250214-210828.822.mp4
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This PR works correctly and is responsive. Graphs function as expected, animations are smooth, and the UI adapts well to different screen sizes.
Screen.Recording.2025-02-15.at.12.52.17.PM.mov
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
PR #3156 is working as expected
check into current branch
do npm install and ... to run this PR locally
Clear site data/cache
log as admin user
Go to http://localhost:3000/communityportal/reports/participation
verify all the charts are rendered correctly
Description
(PRIORITY MEDIUM) Yash :Phase 3 - Develop Front-End Visualizations for No-Show Rate Reports (WIP Rishitha Mamidala)
URL : /communityportal/reports/participation
Details:
Design demographic breakdown charts for no-show rates.
Create comparison visuals to identify trends across event types and locations.
Related PRS (if any):
This frontend PR is related to the https://github.com/OneCommunityGlobal/HGNRest/pull/1227 backend PR.
To test this frontend PR you need to checkout the https://github.com/OneCommunityGlobal/HGNRest/pull/1227 backendPR.
…
Main changes explained:
How to test:
npm install
and...
to run this PR locallyNote:
Be sure to checkout backend PR 1227
Run " npm run build " in backend PR [Orelse the PR will not work]
The database is not yet setup for this, So, charts are rendered based on mock data in the backend file mockattendencedata.jsx
Screenshots or videos of changes:
video1692588005.mp4