Skip to content

fix(participation): add columns with tests#5189

Open
somramnani wants to merge 1 commit intodevelopmentfrom
som/fix/participation/add-column
Open

fix(participation): add columns with tests#5189
somramnani wants to merge 1 commit intodevelopmentfrom
som/fix/participation/add-column

Conversation

@somramnani
Copy link
Copy Markdown
Contributor

@somramnani somramnani commented Apr 23, 2026

Description

Screenshot 2026-04-23 at 4 39 36 PM

Related PRS (if any):

This frontend PR is related to the development backend PR.

Main changes explained:

  • Update MyCases.jsx for adding a header row at the top of the Upcoming Events List view, so the data no longer appears unlabelled. The new column headers are Event Type, Date & Time, Event Name, and Attendees.
  • Update MyCases.module.css for styling the new header row in both light and dark mode while keeping it aligned with the existing list row grid layout.
  • Create MyCases.test.jsx for verifying that when users switch to List view, the four new column headers are rendered correctly as regression coverage for this enhancement.

How to test:

  1. Checkout into this branch.
  2. Run npm install and start the app locally.
  3. Clear site data/cache.
  4. Log in as an admin user.
  5. Navigate to /communityportal/reports/participation.
  6. In the Upcoming Events section, switch to List view.
  7. Verify that the column headers Event Type, Date & Time, Event Name, and Attendees are displayed above the list items.

Screenshots or videos of changes:

Screenshot 2026-04-23 at 4 42 12 PM

@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 23, 2026

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit a7e85c5
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69ea85421936490008e5cd42
😎 Deploy Preview https://deploy-preview-5189--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.

@somramnani somramnani added the do not review Do not review or look at code without full context label Apr 23, 2026
@sonarqubecloud
Copy link
Copy Markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

do not review Do not review or look at code without full context

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant