Skip to content

Sireesha phase3 participation report fixes#5304

Draft
kunchalasireesha wants to merge 2 commits into
developmentfrom
sireesha_phase3_participation_report_fixes
Draft

Sireesha phase3 participation report fixes#5304
kunchalasireesha wants to merge 2 commits into
developmentfrom
sireesha_phase3_participation_report_fixes

Conversation

@kunchalasireesha
Copy link
Copy Markdown

@kunchalasireesha kunchalasireesha commented May 29, 2026

Description

image This PR addresses issues in Phase 3 – Develop Visualization for HGN Management System. After the previous PR (https://github.com//pull/3052) was merged, the /communityportal/reports/participation page was only showing: The month/year calendar view, and The registered events list only The event registration form/page was not accessible, and several UI elements (charts, insights, navigation, CSS layout) were missing or incomplete. Additionally, CSS modules were not applied, causing inconsistent styling across light/dark mode. This PR completes all missing functionality and resolves the accessibility and routing issues.

Related PRS (if any):

This frontend PR is related to the #3052, #4401 backend PR.
There are no backend PR dependencies

Main changes explained:

  1. Restored Navigation + Routing Fixes

Fixed the routing so /communityportal/reports/participation loads the correct Event Participation landing page.
Enabled navigation to:
Demographics Insights
Personalization Insights
Event Insights (placeholder)
Create New Registration (temporary mock)

  1. Calendar View Completion

Restored the original calendar UI layout.
Implemented event bubbles + event list below the calendar.
Fixed dark mode date visibility.
Ensured weekday labels, tiles, and event dots inherit theme colors.

  1. “+ Create New” Functionality

Button was previously non-functional.
Redirect now added (temporary placeholder page included).

  1. Added Segmentation Views

Demographics segmentation page
Personalization insight page
Updated navigation UI to link all pages.

How to test:

git checkout sireesha_phase3_participation_report_fixes
npm install
Run frontend locally:
npm run start:local
Clear browser cache + local storage
Login as Admin user
Navigate to:
http://localhost:5173/communityportal/reports/participation
Verify the following:
Event Participation page loads with full layout.

Calendar shows days correctly in both light and dark mode.

Event bubbles appear in the correct dates.

Event details display when a date is selected.

Charts render correctly.

No-show insights tabs function.

“+ Create New” redirects.

Navigation buttons open:

Demographics
Personalization
Event Insights (placeholder)
Verify CSS modules:
No global selector conflicts.
Dark mode applies properly across all sections.

Screenshots or videos of changes:

Note:

Include the information the reviewers need to know.

@netlify
Copy link
Copy Markdown

netlify Bot commented May 29, 2026

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit 3729021
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a1b19c284c7cc0008b2d93e
😎 Deploy Preview https://deploy-preview-5304--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

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

@sonarqubecloud
Copy link
Copy Markdown

Quality Gate Failed Quality Gate failed

Failed conditions
C Reliability Rating on New Code (required ≥ A)

See analysis details on SonarQube Cloud

Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE

@kunchalasireesha kunchalasireesha marked this pull request as draft May 30, 2026 17:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant