Skip to content

Aditya - Job Application Listing Page: add the missing FAQ section - #5473

Open
AdiDubbs wants to merge 1 commit into
developmentfrom
Aditya_fix_job_listing_faq
Open

Aditya - Job Application Listing Page: add the missing FAQ section#5473
AdiDubbs wants to merge 1 commit into
developmentfrom
Aditya_fix_job_listing_faq

Conversation

@AdiDubbs

@AdiDubbs AdiDubbs commented Aug 28, 2026

Copy link
Copy Markdown

Description

The FAQ section on the Job Application Listing Page has never existed on development. This adds it, and makes it publicly accessible. This issue concerns Item 33.

Screenshot 2026-08-27 at 8 18 25 PM

Conflicts and Issues Discovered

Earlier, there was an incorrect belief that the FAQ section is inaccessible because of a routing fault, but that is not the case. The section was built in #4055, which was closed without being merged on 12 January 2026. Its follow-up, #4342, was merged into the VARSHA-KARANAM-FAQ-APPLICATION branch rather than into development — 62 seconds before #4055 was closed. That is why the work reads as complete while the section never appears: FAQSection.jsx and FAQSection.module.css do not exist on development, and nothing references them.

Related PRS (if any):

Backend: OneCommunityGlobal/HGNRest#2324 — makes GET /faqs public. Required for the section to render for signed-out visitors.

Replaces #5212, now closed. The code in #5212 was a job-summaries fix unrelated to this task, and no longer compiles against development.

Main changes explained:

  1. Ported FAQSection.jsx and FAQSection.module.css from VARSHA-KARANAM-FAQ-APPLICATION and rendered the section from Collaboration.jsx. Only these two files were taken across — the rest of that branch is superseded by later work on the page.
  2. Answers are sanitised with DOMPurify before rendering. /collaboration is reachable without signing in, so unsanitised HTML from the FAQ database would have been exposed to visitors. DOMPurify is already a dependency and is used in the same way elsewhere in the app.
  3. Removed the original's hiding of questions by list position (index !== 21 && index !== 22). It breaks whenever an FAQ is added or reordered, and it had already drifted - it missed a third test row that was added later.
  4. Added dark mode styling, following the darkMode pattern already used in Collaboration.jsx.
  5. A signed-out visitor sees an inline notice rather than a toast if the FAQ request is rejected. This covers the window before the backend PR merges; once it does, the request succeeds and the notice does not appear.
  6. Added __tests__/FAQSection.test.jsx — 7 tests, 100% statements and functions, 92.85% branches on the new component.

How to test:

  1. Check out this branch, run npm install, then npm run start:local
  2. Clear site data and cache
  3. Go to /collaboration without signing in - the FAQ section should appear below the job listings, with the questions numbered and in bold
  4. Confirm the "What is it like working with us?" video is embedded in the right-hand column
  5. Sign in and reload - the section should look identical
  6. Repeat in dark mode
  7. Narrow the window below 768px and confirm the two columns stack
  8. Run npm run test:changed

Note that until OneCommunityGlobal/HGNRest#2324 merges, step 3 shows "Sign in to read the frequently asked questions" instead of the list. With that branch running locally, the list appears.

Screenshots or videos of changes:

Light mode Dark mode
FAQ section, light mode FAQ section, dark mode
FAQ section continued, light mode FAQ section continued, dark mode

Note:

Three rows in the FAQ database are leftovers from a Mongoose upgrade test in January — "Test Question for MongoDB Upgrade" and two copies of "MongoDB Upgrade Test Question". They are not introduced by this PR, but they become visible for the first time because of it, so they will appear in the deploy preview. They need deleting through FAQ management.

Ports FAQSection across from VARSHA-KARANAM-FAQ-APPLICATION, where it was
built but never merged into development. Renders answers through DOMPurify
since /collaboration is reachable without signing in, drops the index-based
hiding of questions 22 and 23, and adds dark mode styling and tests.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
@netlify

netlify Bot commented Aug 28, 2026

Copy link
Copy Markdown

Deploy Preview for highestgoodnetwork-dev ready!

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

@AdiDubbs
AdiDubbs marked this pull request as ready for review August 30, 2026 03:12
@iAbhi001
iAbhi001 self-requested a review August 30, 2026 05:40

@iAbhi001 iAbhi001 left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

LGTM! Tested locally on http://localhost:5173/collaboration:

  • FAQ section renders properly below the job listings with sequential numbering and bold questions.
  • Embedded "What is it like working with us?" video is present and aligned correctly.
  • Verified dark mode and light mode rendering.
  • Responsive layout stacks columns below 768px as expected.
  • Unit tests pass locally.

Approved!

Image Image Image Image Image

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.

2 participants