Saurabh taking over Shreya P - Phase 3 Creating frontend for activity FAQ section by VMD281 · Pull Request #3241 · OneCommunityGlobal/HighestGoodNetworkApp

VMD281 · 2025-03-07T16:46:09Z

Description [Re-done by new Dev: Samman]

Under each event there will be a FAQ section specific to that event.
If there are more questions that the community member would want to ask - they can click on contact. On selecting contact it will copy the email address associated with this Wireframe Link

Related PRS (if any):

Not related to any PR

Main changes explained:

Added the Faq section
added 4 buttons for selection of the category
added small dropdown arrows to see the answers to the faq questions
added contact link

How to test:

check into current branch
do npm install and npm run start:local to run this PR locally
Clear site data/cache
log as admin user
go to /communityportal/Activities/:activityid/faq
verify faq looks and works properly according to the screenshot

Screenshots of changes:

netlify · 2025-03-07T16:46:25Z

✅ Deploy Preview for highestgoodnetwork-dev ready!

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

brn8 · 2025-03-07T18:02:55Z

The UI looks well-implemented, but the functionality is not working as expected. Here are the issues I noticed:
Category Buttons (General, Events, Participation, Other): Clicking on these buttons does not filter the FAQs. They should update the displayed questions based on the selected category.
Search Bar: Typing in the search bar does not filter the FAQs. It should dynamically update the list based on the search input.
Contact Us Link: Clicking on the "Contact Us" link does not trigger any action. It should navigate to the contact page or open a form.
https://github.com/user-attachments/assets/970f51ce-1706-4ed3-b6dc-ab8afd282722

barnaboss305

The UI looks good and it adjusts dynamically for different screen sizes.

CodewithKoushica

The UI looks neat and the UI is responsive as well. I feel it is good to go!

Akhilguntur2801 · 2025-03-08T02:42:46Z

I have thoroughly tested the FAQ page by interacting with all its elements. The search bar allows text input, while all buttons highlight when hovered over. I expanded all the questions, and each of them worked as expected. The "Contact Us" button is clickable. The page also adjusts dynamically to different screen sizes, ensuring responsiveness. I tested the page on both Chrome and Edge browsers, and verified its functionality for both admin and volunteer user roles. Everything appears to be working well.

vasavi-139

I have verified that the FAQ section looks and functions properly according to the provided screenshot.

Nayakar-Rohith

I have reviewed this PR and tested the FAQ section in the Community Portal. The section is displaying correctly, with no UI or functionality issues observed. Approving this PR.

vikasreddynomula

The code looks good and the functionalities work as expected approving this PR

angad363

I followed the provided instructions and tested the FAQ section. Everything is working as expected. The FAQ section is rendering correctly, with the four category selection buttons, dropdown arrows for answers, and the contact link functioning properly. The UI looks good and is fully responsive. Everything aligns with the provided screenshot. Approving the PR. Refer to the attached screenshot for confirmation.

guthaVamshi

The UI looks neat and the UI is responsive as well.

Ram-blip

Tested the FAQ section, clean layout and the contact copy feature works well!

One issue:
I noticed that the four category buttons (General, Events, Participation, Other) are currently non-functional. It would be great to implement filtering based on categories. Otherwise, Great work!

Jitesh2106

UI looks good, everything looks clean and it is working properly according to the Requirements.

… ARIA attributes

sayali-2308

- Branch: vaibhavi_CommunityPortal_FaqSection - Tested as: Admin user - Date: January 30, 2026

What Was Tested:

Navigation:
- Accessed FAQ page at /communityportal/Activities/activityid/faq
- Page loaded with "Frequently Asked Questions" title
Category Filter Buttons:
- Tested all 5 category buttons: All, General, Events, Participation, Other
- Questions filter correctly based on selected category
- Button states update properly when clicked
FAQ Dropdown Functionality:
- Clicked dropdown arrows (▼) next to each question
- Answers expand correctly below questions
- Dropdown arrows work smoothly
Contact Link:
- Clicked "contact us" link at bottom
- Email address copied to clipboard successfully
- Clipboard feedback works
FAQ Questions Display:
- All 6 questions display correctly: What is One Community?, How can I participate?, Is One Community free to join?, How can I contact One Community?, What kind of events does One Community organize?, Where is One Community located?

FAQ section for activities works as expected. All category filters, dropdown functionality, and contact features function correctly.

shashank-madan · 2026-01-31T16:55:28Z

@@ -0,0 +1,150 @@
+.faq-container {


Please ensure that we use module.css

shashank-madan · 2026-01-31T16:56:50Z

+import './FaqSection.css';
+
+function FaqSection() {
+  const faqs = [


Always good to keep the const FAQs in a different file and have the core logic only in this jsx?

Also, is this the best place for these FAQs? These seem to be general to oneCommunity and not a specific activity. being inside CommunityPortal/Activites feels wrong

shashank-madan · 2026-01-31T17:04:15Z

        <CPProtectedRoute path="/communityportal" exact component={CPDashboard} />
        <Route path="/communityportal/login" component={CPLogin} />
+        <CPProtectedRoute
+          path="/communityportal/activities/:activityid/faq"


:activityId implies a dynamic route that should change based on the chosen activity. This implementation uses it as a static "activityId"

rohanrastogi311

Hi Vamsidhar,

Well done on this implementation.

… NoshowViz import

…elopment

…ate NoshowViz import

HemanthNidamanuru

Hi,

Tested locally. FAQ page looks and works as expected in light mode.
However, the page is not properly aligned in dark mode

DeepighaJ

Checked out to current branch and getting the below error.

sonarqubecloud · 2026-05-26T16:46:18Z

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

DeepighaJ · 2026-05-30T00:50:41Z

Still getting the same error as before.

VMD281 added 2 commits March 7, 2025 10:56

faq section done

cff9064

faq section-contact link updated

a781824

barnaboss305 previously approved these changes Mar 7, 2025

View reviewed changes

CodewithKoushica previously approved these changes Mar 7, 2025

View reviewed changes

vasavi-139 previously approved these changes Mar 9, 2025

View reviewed changes

Nayakar-Rohith approved these changes Mar 14, 2025

View reviewed changes

vikasreddynomula self-requested a review March 15, 2025 17:23

vikasreddynomula approved these changes Mar 15, 2025

View reviewed changes

VMD281 changed the title ~~Vaibhavi community portal faq section~~ Vaibhavi - Creating front-end for activity FAQ section Mar 21, 2025

angad363 previously approved these changes Mar 28, 2025

View reviewed changes

VMD281 changed the title ~~Vaibhavi - Creating front-end for activity FAQ section~~ Vaibhavi Creating frontend for activity FAQ section Apr 10, 2025

VMD281 changed the title ~~Vaibhavi Creating frontend for activity FAQ section~~ Vaibhavi Phase 3 Creating frontend for activity FAQ section Apr 21, 2025

guthaVamshi previously approved these changes Apr 21, 2025

View reviewed changes

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 May 16, 2025

Ram-blip reviewed May 23, 2025

View reviewed changes

VMD281 dismissed stale reviews from guthaVamshi, angad363, vasavi-139, CodewithKoushica, and barnaboss305 via d02a53c May 24, 2025 02:46

VMD281 force-pushed the vaibhavi_CommunityPortal_faqSection branch from d02a53c to 67c71e9 Compare May 24, 2025 02:51

VMD281 closed this May 24, 2025

VMD281 force-pushed the vaibhavi_CommunityPortal_faqSection branch from 67c71e9 to 424d0b4 Compare May 24, 2025 02:58

VMD281 reopened this May 24, 2025

one-community added the Needs New Developer This is a PR that is partially developed but needs someone new to take it over and finish it. label May 25, 2025

Jitesh2106 previously approved these changes May 31, 2025

View reviewed changes

SammanBaidya dismissed Jitesh2106’s stale review via 1131a9c June 1, 2025 15:17

vamsidharpanithi added 5 commits August 22, 2025 16:33

Resolved merge conflicts

3be14db

Fix accessibility issues in FAQ section - add keyboard navigation and…

ad92991

… ARIA attributes

Resolve merge conflicts: keep FAQ route and update dependencies

6316b9a

Add missing @changey/react-leaflet-markercluster dependency

97685b2

Resolve merge conflicts

055b5e6

vamsidharpanithi changed the title ~~Samman taking over- Phase 3 Creating frontend for activity FAQ section~~ Vamsidhar taking over for Samman taking over- Phase 3 Creating frontend for activity FAQ section Jan 9, 2026

one-community added High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible and removed Needs New Developer This is a PR that is partially developed but needs someone new to take it over and finish it. labels Jan 28, 2026

sayali-2308 previously approved these changes Jan 30, 2026

View reviewed changes

shashank-madan suggested changes Jan 31, 2026

View reviewed changes

shashank-madan reviewed Jan 31, 2026

View reviewed changes

rohanrastogi311 approved these changes Feb 6, 2026

View reviewed changes

one-community changed the title ~~Vamsidhar taking over for Samman taking over- Phase 3 Creating frontend for activity FAQ section~~ Shreya P taking over for Vamsidhar - Phase 3 Creating frontend for activity FAQ section Apr 26, 2026

saurabhdipte changed the title ~~Shreya P taking over for Vamsidhar - Phase 3 Creating frontend for activity FAQ section~~ Saurabh taking over Shreya P - Phase 3 Creating frontend for activity FAQ section May 12, 2026

unknown added 2 commits May 12, 2026 12:18

Resolve merge conflicts with origin/development

dec297c

Resolve merge conflicts with dev branch

854612b

saurabhdipte dismissed sayali-2308’s stale review via 854612b May 12, 2026 18:54

unknown added 8 commits May 12, 2026 15:00

Resolve merge conflicts with dev branch

9d832b1

Resolve merge conflicts with dev branch

9ac7275

update yarn.lock to fix frozen-lockfile CI error

20b5ea4

fix: CSS Modules rename, accessibility button fixes, remove duplicate…

dc961cd

… NoshowViz import

fix: resolve package-lock.json and yarn.lock merge conflicts with dev…

9b59306

…elopment

fix: resolve yarn.lock conflict

d0f8e62

fix: replace role=button with semantic button elements; remove duplic…

fed07a2

…ate NoshowViz import

fix: replace role=button with semantic button elements; remove duplic…

0e7cc41

…ate NoshowViz import

HemanthNidamanuru requested changes May 20, 2026

View reviewed changes

DeepighaJ requested changes May 20, 2026

View reviewed changes

fix: apply dark mode styles directly to FAQ elements

7fee30f

Uh oh!

Conversation

VMD281 commented Mar 7, 2025 • edited by one-community Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description [Re-done by new Dev: Samman]

Related PRS (if any):

Main changes explained:

How to test:

Screenshots of changes:

Uh oh!

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

brn8 commented Mar 7, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

barnaboss305 left a comment

Choose a reason for hiding this comment

Uh oh!

CodewithKoushica left a comment

Choose a reason for hiding this comment

Uh oh!

Akhilguntur2801 commented Mar 8, 2025

Uh oh!

vasavi-139 left a comment

Choose a reason for hiding this comment

Uh oh!

Nayakar-Rohith left a comment

Choose a reason for hiding this comment

Uh oh!

vikasreddynomula left a comment

Choose a reason for hiding this comment

Uh oh!

angad363 left a comment

Choose a reason for hiding this comment

Uh oh!

guthaVamshi left a comment

Choose a reason for hiding this comment

Uh oh!

Ram-blip left a comment

Choose a reason for hiding this comment

Uh oh!

Jitesh2106 left a comment

Choose a reason for hiding this comment

Uh oh!

sayali-2308 left a comment

Choose a reason for hiding this comment

Uh oh!

shashank-madan Jan 31, 2026

Choose a reason for hiding this comment

Uh oh!

shashank-madan Jan 31, 2026

Choose a reason for hiding this comment

Uh oh!

shashank-madan Jan 31, 2026

Choose a reason for hiding this comment

Uh oh!

shashank-madan Jan 31, 2026

Choose a reason for hiding this comment

Uh oh!

rohanrastogi311 left a comment

Choose a reason for hiding this comment

Uh oh!

HemanthNidamanuru left a comment

Choose a reason for hiding this comment

Uh oh!

DeepighaJ left a comment

Choose a reason for hiding this comment

Uh oh!

sonarqubecloud Bot commented May 26, 2026

Quality Gate passed

Uh oh!

DeepighaJ commented May 30, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

VMD281 commented Mar 7, 2025 •

edited by one-community

Loading

netlify Bot commented Mar 7, 2025 •

edited

Loading

brn8 commented Mar 7, 2025 •

edited

Loading