Rishitha phase3 visualizations for no show rate reports by RishithaMamidala · Pull Request #3156 · OneCommunityGlobal/HighestGoodNetworkApp

RishithaMamidala · 2025-02-12T23:01:10Z

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:

Create src/actions/communityPortal/NoShowVizActions.js for no show visual actions
Create src/components/CommunityPortal/Attendence/NoshowViz.css for styling
Create src/components/CommunityPortal/Attendence/NoshowViz.jsx for no show visual rendering

How to test:

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

Note:

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

netlify · 2025-02-12T23:01:36Z

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	`f14af80`
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6840efd805bcc7000882276f
😎 Deploy Preview	https://deploy-preview-3156--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.

…-Show_Rate_Reports

AurHubertMax

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

Akshay-Jayaram

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

SunilKotte

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

Manoj99Q

checked out the related backend PR #1227 along with
PR #3156 Logged in as admin user
Went to http://localhost:3000/communityportal/reports/participation
The graphs are rendering correctly and are responsive.
https://github.com/user-attachments/assets/a36ff722-cb4c-4abf-8d85-b4f7e099e418

jeyanthi-sm

I have tested this PR for the following details:
Designed demographic breakdown charts for no-show rates.
Created comparison visuals to identify trends across event types and locations.
The graphs are rendering nicely. However, my only concern is that the title do not match the images in the description

jaissica

The PR functions correctly and is fully responsive. Graphs perform as expected, animations run smoothly, and the UI adjusts well across various screen sizes. Just a minor tweak is needed — the content and line overlap in the pie chart, as shown in the screenshot.

Screen.Recording.2025-02-19.at.12.22.06.PM.mov

sundarmachani

Followed the tesing procedure as prescribed and Tested this PR along side with Backend PR #1227 the visualization is working as expected with the features.

koushi1906 · 2025-02-20T05:08:51Z

PR #3156 is rendering the visualizations responsively. Every thing looks perfect.
The only change requested is to manage the overlap between content and the pie chart.

dipti95

I tested this PR along with backend PR #1227 and reviewed the demographic breakdown charts for no-show rates. I also checked the comparison visuals to identify trends across event types and locations. The graphs are rendering well; however, my only concern is that the titles do not match the images in the description.

prNumber_frontend_.3156.mp4

saishekhar10 · 2025-02-21T18:33:03Z

I've tested this PR along with the backend PR #1227. The graphs are not rendering at all, I'm not sure why this is happening.
I've logged in as an admin user, used this PR on the frontend and #1227 on the backend.
I'm getting 404 ( not found ) error on the console
https://github.com/user-attachments/assets/59ff6f70-d75a-4836-bbe9-90cc6c8b6d58

saishekhar10

I tested this PR along with the backend PR #1227 and everything is working as expected, graphs are being rendered and UI animations seem to working correctly.

Screen.Recording.2025-02-21.at.5.57.14.PM.mov

kkkaiaa · 2025-03-01T20:29:48Z

Reviewed the frontend PR 3156. The graphs all work as expected, and the code is well-structured

SSP24SCM16G

The backend PR #1227 and frontend PR #3156 have been reviewed and tested together. Logged in as an admin user and navigated to http://localhost:3000/communityportal/reports/participation to verify functionality. The graphs render correctly, are fully responsive, and animations run smoothly without any lag. The UI adapts well across different screen sizes with no noticeable glitches or performance issues. Overall, the implementation works as expected, and no issues were found. The PR is approved and ready to merge.

https://drive.google.com/file/d/14HlgSv4D9xYdPuv8-49Bszc0fJEiQOXp/view?usp=sharing

barnaboss305

The graphs look good and the page functions as expected, but the visuals of the page do not change in dark mode.

…-Show_Rate_Reports

Guirong-Wu · 2025-03-07T01:08:31Z

PR reviewed. The charts are rendered correctly, are fully responsive, and the animations run smoothly which is excellent. But it does not change in dark mode. Overall this implementation works functionally.

vasavi-139

Functionality works as expected.

All the charts are rendered correctly

rishwa344

The UI is working as expected and smoothly

HarideepValiveru · 2025-03-09T03:32:25Z

Reviewed PR, it introduces well-structured constants, reducers and API end points. The code is organised, scalable and maintains consistency. It works well as expected

…-Show_Rate_Reports

one-community · 2025-03-23T01:02:36Z

I've tested this PR along with the backend PR #1227. The graphs are not rendering at all, I'm not sure why this is happening. I've logged in as an admin user, used this PR on the frontend and #1227 on the backend. I'm getting 404 ( not found ) error on the console https://github.com/user-attachments/assets/59ff6f70-d75a-4836-bbe9-90cc6c8b6d58

This should be a requested change, not just a comment.

Yash-OCG · 2025-05-04T04:05:41Z

@RishithaMamidala
Plz address the requested changes and try resolving it

…-Show_Rate_Reports

one-community · 2025-06-07T05:45:20Z

Thank you all, merging!

RishithaMamidala added 3 commits February 9, 2025 02:48

visuals for no show

2993d02

connected with backend metrics

ca31ef5

fix url

2ab4860

Merge branch 'development' into Rishitha_phase3_Visualizations_for_No…

990bdc8

…-Show_Rate_Reports

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 Feb 13, 2025

AurHubertMax suggested changes Feb 14, 2025

View reviewed changes

Comment thread src/components/CommunityPortal/Attendence/NoshowViz.jsx

fix ageGroup

9de82c0

RishithaMamidala requested a review from AurHubertMax February 14, 2025 23:03

AurHubertMax previously approved these changes Feb 15, 2025

View reviewed changes

Akshay-Jayaram previously approved these changes Feb 15, 2025

View reviewed changes

Akshay-Jayaram mentioned this pull request Feb 15, 2025

Rishitha noshow visualization metrics OneCommunityGlobal/HGNRest#1227

Merged

SunilKotte previously approved these changes Feb 16, 2025

View reviewed changes

Manoj99Q previously approved these changes Feb 18, 2025

View reviewed changes

jeyanthi-sm previously approved these changes Feb 19, 2025

View reviewed changes

jaissica suggested changes Feb 19, 2025

View reviewed changes

sundarmachani previously approved these changes Feb 19, 2025

View reviewed changes

koushi1906 assigned koushi1906 and unassigned koushi1906 Feb 20, 2025

dipti95 reviewed Feb 20, 2025

View reviewed changes

saishekhar10 self-requested a review February 21, 2025 22:54

saishekhar10 previously approved these changes Feb 21, 2025

View reviewed changes

SSP24SCM16G previously approved these changes Mar 1, 2025

View reviewed changes

barnaboss305 suggested changes Mar 2, 2025

View reviewed changes

Merge branch 'development' into Rishitha_phase3_Visualizations_for_No…

260cd7e

…-Show_Rate_Reports

RishithaMamidala dismissed stale reviews from SSP24SCM16G and saishekhar10 via 260cd7e March 3, 2025 22:26

RishithaMamidala dismissed stale reviews from sundarmachani, jeyanthi-sm, Manoj99Q, SunilKotte, Akshay-Jayaram, and AurHubertMax via 260cd7e March 3, 2025 22:26

vasavi-139 previously approved these changes Mar 7, 2025

View reviewed changes

rishwa344 previously approved these changes Mar 8, 2025

View reviewed changes

Merge branch 'development' into Rishitha_phase3_Visualizations_for_No…

6ed65fc

…-Show_Rate_Reports

RishithaMamidala dismissed stale reviews from rishwa344 and vasavi-139 via 6ed65fc March 18, 2025 17:53

RishithaMamidala added 3 commits March 20, 2025 16:45

Merge branch 'development' into Rishitha_phase3_Visualizations_for_No…

21c8138

…-Show_Rate_Reports

Merge branch 'development' into Rishitha_phase3_Visualizations_for_No…

e1bc9fe

…-Show_Rate_Reports

resolve merge conflicts

56851a3

RishithaMamidala and others added 3 commits June 4, 2025 19:30

Merge branch 'development' into Rishitha_phase3_Visualizations_for_No…

7360260

…-Show_Rate_Reports

Merge branch 'development' into Rishitha_phase3_Visualizations_for_No…

169f7c5

…-Show_Rate_Reports

Resolve conflicts

f14af80

one-community merged commit a08cd33 into development Jun 7, 2025
6 checks passed

one-community mentioned this pull request Jun 7, 2025

Frontend Release to Main [4.21] #3621

Merged

ShravyaKudlu mentioned this pull request Dec 20, 2025

Shravya - BugFix/No-Show-Rate-Reports/3156 route #4591

Merged

Uh oh!

Conversation

RishithaMamidala commented Feb 12, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Related PRS (if any):

Main changes explained:

How to test:

Note:

Screenshots or videos of changes:

Uh oh!

netlify Bot commented Feb 12, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for highestgoodnetwork-dev ready!

Uh oh!

Uh oh!

AurHubertMax left a comment

Choose a reason for hiding this comment

Uh oh!

Akshay-Jayaram left a comment

Choose a reason for hiding this comment

Uh oh!

SunilKotte left a comment

Choose a reason for hiding this comment

Uh oh!

Manoj99Q left a comment

Choose a reason for hiding this comment

Uh oh!

jeyanthi-sm left a comment

Choose a reason for hiding this comment

Uh oh!

jaissica left a comment

Choose a reason for hiding this comment

Uh oh!

sundarmachani left a comment

Choose a reason for hiding this comment

Uh oh!

koushi1906 commented Feb 20, 2025

Uh oh!

dipti95 left a comment

Choose a reason for hiding this comment

Uh oh!

saishekhar10 commented Feb 21, 2025

Uh oh!

saishekhar10 left a comment

Choose a reason for hiding this comment

Uh oh!

kkkaiaa commented Mar 1, 2025

Uh oh!

SSP24SCM16G left a comment

Choose a reason for hiding this comment

Uh oh!

barnaboss305 left a comment

Choose a reason for hiding this comment

Uh oh!

Guirong-Wu commented Mar 7, 2025

Uh oh!

vasavi-139 left a comment

Choose a reason for hiding this comment

Uh oh!

rishwa344 left a comment

Choose a reason for hiding this comment

Uh oh!

HarideepValiveru commented Mar 9, 2025

Uh oh!

one-community commented Mar 23, 2025

Uh oh!

Yash-OCG commented May 4, 2025

Uh oh!

one-community commented Jun 7, 2025

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

20 participants

RishithaMamidala commented Feb 12, 2025 •

edited

Loading

netlify Bot commented Feb 12, 2025 •

edited

Loading