Jaden taking over for Khushi - Phase 3 - EVENT MANAGEMENT PAGE (DONE Jaden) by khushijain03 · Pull Request #3468 · OneCommunityGlobal/HighestGoodNetworkApp

khushijain03 · 2025-05-03T00:25:23Z

Jaden taking over for Khushi - Phase 3 - EVENT MANAGEMENT PAGE (DONE Jaden)

Implemented the Event Management Page (Organizer View) with full UI layout, editable fields, dynamic tabs, media upload, calendar, and dark mode support.

Related PRs (if any):

No related PRs.

Main changes explained:

EventPage.jsx - Responsive 3-section layout with editable fields for event name, type, location, time, organizer, capacity, status, and rating
EventManagementTabs.jsx - Tab interface for Description, Analysis, Resources, and Engagement with dynamic content rendering
Converted both components from plain CSS to CSS Modules (EventPage.module.css, EventManagementTabs.module.css)
Removed old EventPage.css and EventManagementTabs.css plain CSS files to comply with CSS Modules policy
Fixed WCAG contrast violations - gray background replaced with #595959, calendar active tile #007bff replaced with #0057b8
Fixed JSX ambiguous spacing before <select> element
Media upload and remove for event images
Calendar component with past date restriction
Dark mode support via Redux state
Added route /communityportal/activity/:activityid/event to routes.jsx
Merged latest development branch and resolved conflicts in package.json, App.jsx, routes.js → routes.jsx

How to test:

Checkout this branch
Run npm install then npm run start:local
Clear site data/cache
Log in as an admin user
Go to http://localhost:5173/communityportal/activity/1/event
Verify editable fields: Event name, time, organizer, capacity, status, rating
Verify date selection works via the right-side calendar and disables past dates
Verify media upload allows add and remove actions
Test editable description textarea
Toggle dark mode and verify all elements render correctly in both modes
Switch between Description, Analysis, Resources, and Engagement tabs

Screenshots or videos of changes:

Screen.Recording.2026-06-20.at.7.51.37.PM.mov

Note:

Please test both light and dark modes.
Backend data and media integration will follow in a separate PR - currently uses mock data.

netlify · 2025-05-03T00:25:39Z

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	`deb917a`
🔍 Latest deploy log	https://app.netlify.com/sites/highestgoodnetwork-dev/deploys/681d9ecf8e2bed0008c5aa1c
😎 Deploy Preview	https://deploy-preview-3468--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 site configuration.

nikhilpittala16

I have tested the PR and everything works as expected.

beblicarl · 2025-05-09T11:25:25Z

This functionality works as intended and the code is great

https://www.loom.com/share/f68286e64d4444ed9ddd5c4ca83c727e?sid=61bf98bf-3098-4836-8e4a-d43535cbc3c8

mvreddy13

Event management page works as expected both in light mode and dark mode

Light mode:

Dark mode:

Ram-blip

Followed all instructions and verified functionality for the Event Management Page with full UI layout, including editable fields, dynamic tabs, media upload, calendar integration, and dark mode support. Everything works as expected.

Jitesh2106 · 2025-05-30T20:23:11Z

Verified the Event Management Page implementation. All features function correctly and as intended.

preethamdnr

Hello,

I have tested this PR and it is working as expected. Great work!

TaariqMansurie

I’ve tested the code locally and everything works as expected based on the described functionality. The implementation looks solid. I verified both light and dark modes, and they render correctly. I also tested various scenarios including adding different images, selecting different event types, locations, dates, capacities, and times all behaved as intended. Great job!

Dark mode:

Light mode:

alishawalunj

Tested this feature, works as intended for following features:
✅Verify editable fields: Event name, time, organizer, capacity, status, rating.
✅ Verify date selection works via the right-side calendar and disables past dates.
✅ Verify date picker
✅ Verify media upload allows add, remove actions.
✅ Test editable description.
✅ Ensure all elements render correctly in dark mode

Good Job!

kedarnath1999

They work as intended.

aayushshetty12

Tested this PR locally. All functionalities work as expected in both light and dark mode. UI in dark mode could be improved

Light mode

Dark mode

uhakruthi1

I’ve tested this PR locally and

everything is functioning as expected.

rohithmallipudi

i reviewed the PR,The new /communityportal/activity/:activityid/event page works as expected. Verified the 3-section responsive layout, editable fields, media upload/remove, calendar date selection with past date restriction, and dark mode support. Tab switching, tooltips, auto-save, and status dropdown are functioning correctly. Everything renders and behaves as intended

sircarmart

All editable fields working as expected and both date pickers also work. The only editable field that didn't work is overall rating but I don't believe that's meant to be changed by the event poster but by reviews others leave. Let me know if this isn't the case and is meant to be edited. Both file upload buttons also work.

Looks good in dark mode too.

Rishitha1810 · 2025-07-22T00:42:24Z

Verified that editable fields including event name, time, organizer, capacity, status, and rating function as expected. Confirmed that the date selection via the right-side calendar works and prevents selection of past dates. Checked that the date picker operates correctly. Validated media upload functionality, including the ability to add and remove files. Edited the event description to ensure it is editable. Verified that all elements render correctly in dark mode.

rohitmamidi

Everything is working as expected

…icts

netlify · 2026-06-20T23:32:37Z

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	`d985c6b`
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a3725b949c18a00083680ea
😎 Deploy Preview	https://deploy-preview-3468--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle 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.

…ntrast and JSX spacing

sonarqubecloud · 2026-06-20T23:45:02Z

Quality Gate passed

Issues
0 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

Resolved merge conflicts with development

b079d8b

khushijain03 changed the title ~~Resolved merge conflicts with development~~ Khushi_event_management_page May 3, 2025

Resolved merge conflicts with development

d326441

nikhilpittala16 previously approved these changes May 3, 2025

View reviewed changes

Resolved merge conflicts with development

2ae2ba4

khushijain03 dismissed nikhilpittala16’s stale review via 2ae2ba4 May 3, 2025 01:21

khushijain03 added 4 commits May 9, 2025 01:52

Resolved merge conflicts with development

2495028

Resolved merge conflicts with development

7354e42

Resolved merge conflicts with development

3bd136b

Resolved merge conflicts with development

deb917a

khushijain03 added the High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible label May 9, 2025

beblicarl self-requested a review May 9, 2025 11:25

beblicarl previously approved these changes May 9, 2025

View reviewed changes

mvreddy13 approved these changes May 14, 2025

View reviewed changes

Ram-blip approved these changes May 30, 2025

View reviewed changes

preethamdnr approved these changes May 30, 2025

View reviewed changes

Jitesh2106 approved these changes May 30, 2025

View reviewed changes

TaariqMansurie approved these changes Jun 3, 2025

View reviewed changes

alishawalunj self-requested a review June 21, 2025 13:36

alishawalunj approved these changes Jun 21, 2025

View reviewed changes

kedarnath1999 approved these changes Jun 26, 2025

View reviewed changes

aayushshetty12 approved these changes Jul 12, 2025

View reviewed changes

uhakruthi1 approved these changes Jul 16, 2025

View reviewed changes

rohithmallipudi approved these changes Jul 18, 2025

View reviewed changes

sircarmart approved these changes Jul 19, 2025

View reviewed changes

rohitmamidi approved these changes Jul 26, 2025

View reviewed changes

one-community changed the title ~~Khushi_event_management_page~~ Khushi - Phase 3 - EVENT MANAGEMENT PAGE Aug 5, 2025

Jaden300 changed the title ~~Khushi - Phase 3 - EVENT MANAGEMENT PAGE~~ Jaden taking over for Khushi - Phase 3 - EVENT MANAGEMENT PAGE Jun 20, 2026

merge development into khushi_event_management_page and resolve confl…

2eb2543

…icts

Jaden300 dismissed beblicarl’s stale review via 2eb2543 June 20, 2026 23:32

fix: convert EventPage and EventManagementTabs to CSS Modules, fix co…

d985c6b

…ntrast and JSX spacing

Jaden300 requested a review from beblicarl June 20, 2026 23:54

Jaden300 changed the title ~~Jaden taking over for Khushi - Phase 3 - EVENT MANAGEMENT PAGE~~ Jaden taking over for Khushi - Phase 3 - EVENT MANAGEMENT PAGE (DONE Jaden) Jun 20, 2026

Jaden300 added do not review Do not review or look at code without full context and removed Needs New Developer This is a PR that is partially developed but needs someone new to take it over and finish it. do not review Do not review or look at code without full context labels Jun 20, 2026

Uh oh!

Conversation

khushijain03 commented May 3, 2025 • edited by Jaden300 Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Related PRs (if any):

Main changes explained:

How to test:

Screenshots or videos of changes:

Note:

Uh oh!

netlify Bot commented May 3, 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!

nikhilpittala16 left a comment

Choose a reason for hiding this comment

Uh oh!

beblicarl commented May 9, 2025

Uh oh!

mvreddy13 left a comment

Choose a reason for hiding this comment

Light mode:

Dark mode:

Uh oh!

Ram-blip left a comment

Choose a reason for hiding this comment

Uh oh!

Jitesh2106 commented May 30, 2025

Uh oh!

preethamdnr left a comment

Choose a reason for hiding this comment

Uh oh!

TaariqMansurie left a comment

Choose a reason for hiding this comment

Uh oh!

alishawalunj left a comment

Choose a reason for hiding this comment

Uh oh!

kedarnath1999 left a comment

Choose a reason for hiding this comment

Uh oh!

aayushshetty12 left a comment

Choose a reason for hiding this comment

Uh oh!

uhakruthi1 left a comment

Choose a reason for hiding this comment

Uh oh!

rohithmallipudi left a comment

Choose a reason for hiding this comment

Uh oh!

sircarmart left a comment

Choose a reason for hiding this comment

Uh oh!

Rishitha1810 commented Jul 22, 2025

Uh oh!

rohitmamidi left a comment

Choose a reason for hiding this comment

Uh oh!

netlify Bot commented Jun 20, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for highestgoodnetwork-dev ready!

Uh oh!

sonarqubecloud Bot commented Jun 20, 2026

Quality Gate passed

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

18 participants

khushijain03 commented May 3, 2025 •

edited by Jaden300

Loading

netlify Bot commented May 3, 2025 •

edited

Loading

netlify Bot commented Jun 20, 2026 •

edited

Loading