Skip to content

Sanjeev fix event display for selected date#4451

Merged
one-community merged 17 commits intodevelopmentfrom
Sanjeev_fix_event_display_for_selected_date
Feb 2, 2026
Merged

Sanjeev fix event display for selected date#4451
one-community merged 17 commits intodevelopmentfrom
Sanjeev_fix_event_display_for_selected_date

Conversation

@sanjeev29
Copy link
Copy Markdown
Contributor

Description

Screenshot 2025-11-24 at 5 23 51 PM

Related PRS (if any):

Main changes explained:

  • Update src/components/CommunityPortal/Calendar/CommunityCalendar.jsx - Added date selection state and filtering logic to display events for selected date, connected calendar component with onChange handler and passed filtered events to activity section
  • Update src/components/CommunityPortal/Calendar/CalendarActivitySection.jsx - Added conditional rendering to display filtered events for selected date or show "Latest News" when no date selected, added formatDate helper and clickable event buttons
  • Update src/components/CommunityPortal/CPDashboard.jsx - Migrated to CSS Modules (CPDashboard.module.css), renamed events state to allEvents, added selectedDate state and parseEventDate helper function, updated image URLs
  • Rename src/components/CommunityPortal/CPDashboard.css to CPDashboard.module.css - Converted to CSS Modules pattern with updated class name syntax
  • Update yarn.lock - Updated dependency versions

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. Navigate to Community Portal → Dashboard
  6. Click on a date in the calendar that has events
  7. Navigate to Community Portal → Dashboard → Calendar
  8. Verify the calendar displays activities

Screenshots or videos of changes:

https://www.dropbox.com/scl/fi/q586p1f3xkbc39gir2w4e/fix_events_date_filter.mov?rlkey=qo2nivjtt2lko5gbyzbjga1c3&st=3ej5qdf3&dl=0

fix_event_ui

Note:

The events and activities used in the UI are mock data.

@netlify
Copy link
Copy Markdown

netlify Bot commented Nov 24, 2025

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit 99b8ab4
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/697efc1390576700082fc33f
😎 Deploy Preview https://deploy-preview-4451--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

sonarqubecloud Bot commented Dec 1, 2025

@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 Dec 1, 2025
Copy link
Copy Markdown
Contributor

@bhanuanishakkineni bhanuanishakkineni left a comment

Choose a reason for hiding this comment

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

Hello Sanjeev,
I have reviewed and tested the PR using the admin, owner and volunteer accounts. As I tested the PR, I found that the events are not displayed using dashboard calendar while they are displayed using calendar filter from events. This raises functional inconsistency between two part of the systems according the given requirements.
This issue occurs across all the users - volunteer, admin, owner
PR#4451 admin-1
PR#4451 admin-2

Copy link
Copy Markdown

@rohanrastogi311 rohanrastogi311 left a comment

Choose a reason for hiding this comment

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

Calendar is displaying activities. Dark mode is almost impossible to utilise (check image below).
PR 4451 Screenshot
PR 4451 Screenshot 2

Copy link
Copy Markdown
Contributor

@bhanuanishakkineni bhanuanishakkineni left a comment

Choose a reason for hiding this comment

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

Hello Sanjeev, I tested this PR and the events are displayed as expected in both the events dashboard and calendar page. System is consistent in displaying the events as expected.

Screen.Recording.2026-01-25.195243.mp4

Anusha-Gali
Anusha-Gali previously approved these changes Jan 28, 2026
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 Sanjeev,

I have reviewed your PR locally and it works as per requirement and able to access it using other logins. Though there is a calendar UI issue of it being in light mode which i assume it not a part of your PR.

Image Image Image Image Image Image

shashank-madan
shashank-madan previously approved these changes Feb 1, 2026
Copy link
Copy Markdown
Contributor

@shashank-madan shashank-madan left a comment

Choose a reason for hiding this comment

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

Looks good to me. All functionality works as expected. Good job

HGN.APP.-.Google.Chrome.2026-01-31.19-18-38.mp4

@sonarqubecloud
Copy link
Copy Markdown

sonarqubecloud Bot commented Feb 1, 2026

@one-community
Copy link
Copy Markdown
Member

Thank you all, merging!

@one-community one-community merged commit 7dd07a7 into development Feb 2, 2026
10 checks passed
pavanputti pushed a commit that referenced this pull request Feb 22, 2026
…splay_for_selected_date

Sanjeev fix event display for selected date
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.

6 participants