Veda Charitha - Job Specific Template Changes by Charitha2009 · Pull Request #4026 · OneCommunityGlobal/HighestGoodNetworkApp

Charitha2009 · 2025-09-06T00:12:56Z

Description

Related PRS (if any):

This frontend PR is related to the development backend PR.

Main changes explained:

Job-aware application form: Full fields + engineering-only questions, basic validation/toasts, and a “Learn more” link that opens the modal.
Refactored job modal: Full-width “Seeking Experienced {Job Title}” → One Community intro → description with auto-built sections; keeps image grid + external details link; close (×) inside card.
Polish & consistency: Helpers normalize ad data; updated CSS (stacked header, chips, spacing, responsive/dark-mode); consistent “Select a position” placeholder and immediate form on selection.

How to test:

check into current branch
do npm install and ... to run this PR locally
Clear site data/cache
log as admin user
go to http://localhost:5173/collaboration/analytics
Select a job From dropdown: Verify the ApplicationForm renders with additional fields and, for engineering and other roles.
Learn more link: At the bottom of the form, click Learn more about this position → modal opens.
Confirm: If it opens job description modal in brief.

Screenshots or videos of changes:

netlify · 2025-09-06T00:13:01Z

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	`3b5a74f`
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/68bb7c8b4d1a0a00089d54d7
😎 Deploy Preview	https://deploy-preview-4026--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 project configuration.

hemanthvenkat · 2025-09-09T03:08:00Z

Verified this PR by selecting a job from the dropdown and confirming the ApplicationForm renders with additional fields for engineering and other roles.
Checked the Learn more link at the bottom, which opened the job description modal.
All functionality worked as expected without issues.

PR4026.mp4

SudheeshTD

The Job Specific template page displays all the additional fields, and it shows job description at the end of the page and all the other details properly renders.

akshith312

Tested the PR locally. Logged in as Admin user.
Forms are working as expected and are responsive as well.

Prem203

Checked the PR with an admin account. The form renders correctly when a job is selected. The card pops up correctly with brief description when clicked on the link.

However in dark mode, the form itself is dark but the background still remains white. The colors in dark mode for title and questions makes it difficult to read, while the numbers are not visible.

Swetha-1306

Tested the PR. Everything works as described including the link for specific job description depending on the job user chooses.

IndraAnuraag9 · 2025-10-03T00:48:40Z

Tested this PR locally, with an Owner Account. Everything is working as it is intended to, and the form is responsive.
However in dark mode, the form itself is dark but the background remains white.

harshavarma29

I have reviewed the PR using the Admin account, and the job filters are working as expected. However, I noticed the following issues:

Dark mode issue: The dark theme does not cover the entire UI, and some UI elements are not changing properly in dark mode.
Job cards in the "Show Summaries" tab do not have a fixed size:
https://github.com/user-attachments/assets/6f01d2c3-938a-45c1-a1bc-df8c1770f1bd
Page responsiveness issue: The page is not responsive between 640px and 1030px:
https://github.com/user-attachments/assets/198437e7-77bc-4505-8668-dbd9086a3a8f

Anusha-Gali

Hi Charitha,

I have reviewed your PR locally and have identified the below issues.

When we click back, the texts used to search for the job should be cleared out
The dark mode is not enabled for the text in the form as well as modal popup

**Issue 1: When we click back, the texts used to search for the job should be cleared out**

**Issue 2: The dark mode is not enabled for the text in the form as well as modal popup**

rohanrastogi311

Hi Veda, well done with the implementations. One big issue is the job description isn't showing properly (check image below)

- Take Collaboration.jsx and yarn.lock from development - Remove legacy Collaboration.css; keep rest of branch changes Made-with: Cursor

netlify · 2026-03-13T02:48:31Z

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	`75c2e8f`
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69e800b68a3da2000876eb5d
😎 Deploy Preview	https://deploy-preview-4026--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 project configuration.

…ion cards - Add react-router history navigation from Collaboration cards to /job-application - Pass jobId, title, description, requirements, and category in location.state - Remove legacy modal so job details are handled by JobApplicationForm page Made-with: Cursor

- Collaboration: center container, responsive job grid spacing - JobApplicationForm: balanced header bar (job title, Go, dropdown) attached to form Made-with: Cursor

Anusha-Gali

Hi Veda,

Thanks for fixing the issue i had previously mentioned, however new issues popped up.

The calendar in dark mode is in light mode
Also the description is not visible anymore

Issues

rohanrastogi311

Hi Veda,

Job descriptions are not showing. Well done on previous fixes though!

HemanthNidamanuru

Hi Veda,

The calendar is appearing in light mode even when the application is in dark mode. Additionally, the description is displayed incorrectly and the questions text is not visible in dark mode, and the Enter Job Title field is also appearing in light mode.

HemanthNidamanuru

Hi Veda Charitha,

The calendar, description, and Enter Job Title field issues in dark mode are rectified. However, the questions are still repeating and the dropdown for question ("Will your volunteer time require documentation of your hours?") is not properly sized. Please check once

Anusha-Gali

Hi Veda,

Thanks for fixing the previous issues, however need your fixes on:

The questions are repeating, due to which few questions do not have text box or the upload button, also Q8 on top and Q7 on bottom are not similar to the rest of the Questions UI.
As you can see in the video attached, no matter which role i select, the form is redirected towards "Virtual Assistant".

4026.mp4

Resolve Collaboration.jsx: combine React hooks with useHistory; remove obsolete fetchPositions that referenced removed setPositions. Resolve Collaboration.module.css: keep branch card styling with modern color notation. Made-with: Cursor

…e questions Use location.state.jobTitle to select the correct form when coming from job listings. Remove hardcoded Q1–8 that duplicated API questions and broke answer indices. Normalize questionType (textbox, etc.), filter visible questions, and align date/dropdown/textarea styling. Stylelint fixes. Made-with: Cursor

Use history push with search query so job title survives navigation. Add bannerJobTitle for FORM FOR … heading; improve form title fuzzy matching. Modal uses banner title for category and display. Made-with: Cursor

Anusha-Gali

Hi Veda,

Thank you for fixing the previous errors, just one small UI issue - the numbers are visible twice in the form, do have a look at it. The rest of the functionality works as per requirement.

Issue

Issues Fixed

Strip embedded template enumeration (e.g. "1.)") when rendering numbered headings. Made-with: Cursor

sonarqubecloud · 2026-04-21T22:58:04Z

Quality Gate passed

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

Charitha2009 added 2 commits September 4, 2025 23:17

added specific page template based on role

8ef5ce9

fixed responsiveness for mobile view

3b5a74f

hemanthvenkat approved these changes Sep 9, 2025

View reviewed changes

SudheeshTD previously approved these changes Sep 10, 2025

View reviewed changes

Charitha2009 changed the title ~~Job Specific Template Changes~~ Veda Charitha - Job Specific Template Changes Sep 19, 2025

akshith312 previously approved these changes Sep 20, 2025

View reviewed changes

Prem203 suggested changes Sep 25, 2025

View reviewed changes

Swetha-1306 approved these changes Sep 25, 2025

View reviewed changes

harshavarma29 requested changes Oct 3, 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 Nov 7, 2025

Anusha-Gali suggested changes Nov 22, 2025

View reviewed changes

rohanrastogi311 requested changes Dec 27, 2025

View reviewed changes

Merge origin/development into veda-job-specific-template-changes

792251d

- Take Collaboration.jsx and yarn.lock from development - Remove legacy Collaboration.css; keep rest of branch changes Made-with: Cursor

Charitha2009 dismissed stale reviews from akshith312 and SudheeshTD via 792251d March 13, 2026 02:48

Test added 2 commits March 12, 2026 23:10

style: refine collaboration and job application layouts

0d3af17

- Collaboration: center container, responsive job grid spacing - JobApplicationForm: balanced header bar (job title, Go, dropdown) attached to form Made-with: Cursor

Charitha2009 requested review from Anusha-Gali, Prem203, harshavarma29 and rohanrastogi311 March 13, 2026 03:26

Anusha-Gali suggested changes Mar 13, 2026

View reviewed changes

rohanrastogi311 requested changes Mar 15, 2026

View reviewed changes

This comment was marked as duplicate.

Sign in to view

HemanthNidamanuru requested changes Mar 16, 2026

View reviewed changes

Fix dark mode date icon and improve job description modal

0b93b44

style: format job description modal JSX

d144ef2

HemanthNidamanuru requested changes Mar 27, 2026

View reviewed changes

Anusha-Gali suggested changes Mar 29, 2026

View reviewed changes

Test added 3 commits April 11, 2026 14:47

Job application: banner shows clicked role; pass jobTitle in URL

32fe65e

Use history push with search query so job title survives navigation. Add bannerJobTitle for FORM FOR … heading; improve form title fuzzy matching. Modal uses banner title for category and display. Made-with: Cursor

Anusha-Gali suggested changes Apr 18, 2026

View reviewed changes

Prevent duplicate numbers on job application question labels

75c2e8f

Strip embedded template enumeration (e.g. "1.)") when rendering numbered headings. Made-with: Cursor

Uh oh!

Conversation

Charitha2009 commented Sep 6, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Related PRS (if any):

Main changes explained:

How to test:

Screenshots or videos of changes:

Uh oh!

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

hemanthvenkat commented Sep 9, 2025

Uh oh!

SudheeshTD left a comment

Choose a reason for hiding this comment

Uh oh!

akshith312 left a comment

Choose a reason for hiding this comment

Uh oh!

Prem203 left a comment

Choose a reason for hiding this comment

Uh oh!

Swetha-1306 left a comment

Choose a reason for hiding this comment

Uh oh!

IndraAnuraag9 commented Oct 3, 2025

Uh oh!

harshavarma29 left a comment

Choose a reason for hiding this comment

Uh oh!

Anusha-Gali left a comment • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

rohanrastogi311 left a comment

Choose a reason for hiding this comment

Uh oh!

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

Anusha-Gali left a comment

Choose a reason for hiding this comment

Uh oh!

rohanrastogi311 left a comment

Choose a reason for hiding this comment

Uh oh!

This comment was marked as duplicate.

Uh oh!

HemanthNidamanuru 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!

Anusha-Gali left a comment

Choose a reason for hiding this comment

Uh oh!

Anusha-Gali left a comment

Choose a reason for hiding this comment

Uh oh!

sonarqubecloud Bot commented Apr 21, 2026

Quality Gate passed

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

12 participants

Charitha2009 commented Sep 6, 2025 •

edited

Loading

netlify Bot commented Sep 6, 2025 •

edited

Loading

Anusha-Gali left a comment •

edited

Loading

netlify Bot commented Mar 13, 2026 •

edited

Loading