Skip to content

Purav-takeover-job-application-form-issues - #5502

Open
pixelpix13 wants to merge 3 commits into
developmentfrom
Purav-fix-job-application-form-issues
Open

Purav-takeover-job-application-form-issues#5502
pixelpix13 wants to merge 3 commits into
developmentfrom
Purav-fix-job-application-form-issues

Conversation

@pixelpix13

@pixelpix13 pixelpix13 commented Sep 3, 2026

Copy link
Copy Markdown
Contributor

Description

Takes over and finishes the frontend work for the Job Application Page (/job-application) form functionality issues (Priority High, Sayantan / WIP Sohail Uddin Syed). Built from latest development with only the job-application feature changes on top (not a merge of the stale PR branch).

Fixes required-field indicators, Individual/Organization radios, form reset, know-more link, compact position dropdown, 409 duplicate-submit toast, multipart resume + second-file upload, and submit payload matching the live backend.

Fixes # (Priority High) — Job Application Page form functionality issues. Related previous PR: #4168.

Related PRs (if any):

Repo Branch PR Role
HighestGoodNetworkApp (this PR) Purav-fix-job-application-form-issues (this PR) Takeover frontend — rebased on current development
HighestGoodNetworkApp (superseded) fix-job-form-issues-frontend #5469 Original frontend PR (Sohail → Purav takeover)
HGNRest (paired) Purav-job-form-issues-backend #2333 Takeover backend — required for end-to-end testing
HGNRest (superseded) job-form-issues-backend #2318 Original backend PR

To test end-to-end: check out Purav-fix-job-application-form-issues on HighestGoodNetworkApp and Purav-job-form-issues-backend on HGNRest.

Main changes explained:

  • JobApplicationForm.jsx — required fields (Name, Email, profile, and required questions) show *
  • JobApplicationForm.jsx — Individual/Organization is radio buttons, left-aligned on one row
  • JobApplicationForm.jsx — all form fields reset after a successful submit
  • JobApplicationForm.jsx — "Click to know more about this position" opens jobDetailsLink in a new tab when present; otherwise opens the inline description modal (button, not invalid # anchor)
  • Collaboration.jsx — passes jobDetailsLink through navigation state from the job board
  • JobApplicationForm.jsx — submit uses multipart respondent, email, answers, payload, resume, and questionFile_{questionId} for the second upload
  • JobApplicationForm.jsx — 409 from backend shows "Application already submitted"
  • JobApplicationForm.jsx / JobApplicationForm.module.css — compact JobPositionSelect (dynamic width, wrapped long titles) beside search + Go instead of a stretched native <select>
  • JobApplicationForm.module.csslinkButton and radio/checkbox styles so extras are not styled as full-width text fields

How to test:

  1. Check out Purav-fix-job-application-form-issues on HighestGoodNetworkApp and Purav-job-form-issues-backend on HGNRest
  2. Run npm install if dependencies changed
  3. Backend: npm run build then npm start (HGNRest, port 4500). Frontend: npm run start:localhttp://localhost:5173
  4. Point frontend .env REACT_APP_APIENDPOINT at local API if testing uploads/email against this backend
  5. Clear site data/cache
  6. Log in as Admin (devadmin@hgn.net / DeveloperPassword100%!) and as a Volunteer (personal test account)
  7. Dashboard → Collaboration → click a job role → /job-application
  8. Confirm required * on Name, Email, and required questions
  9. Confirm Individual / Organization radios sit on one row under the question
  10. Confirm search + Go + position dropdown sit on one row; open the dropdown and confirm the list is compact (long titles wrap, not full-header width)
  11. Submit with empty Name or Email — toast lists missing fields
  12. Fill a complete application, attach resume and the question-14 second file, submit — expect 201, success toast, fields cleared
  13. Submit again with the same email — 409 and "Application already submitted"
  14. "Click to know more about this position" — new tab if jobDetailsLink exists, otherwise the description modal
  15. Network → POST /api/jobforms/:formId/responses — multipart includes resume and questionFile_* when a second file is attached
  16. Verify dark mode on the same page (labels, radios, dropdown menu, know-more link)
  17. Admin: Requirements Status preview still visible; Volunteer: form usable without admin preview

Screenshots or videos of changes:

pr_5502_2333_1 pr_5502_2333_2 pr_5502_2333_3
pr_5502_2333_video.mp4

Note:

- Introduced a new JobPositionSelect component for improved job selection.
- Refactored job selection handling in JobApplicationForm.
- Updated form submission logic to use structured answers payload.
- Enhanced CSS styles for job selection and form layout, ensuring better responsiveness and usability.
@netlify

netlify Bot commented Sep 3, 2026

Copy link
Copy Markdown

Deploy Preview for highestgoodnetwork-dev ready!

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

- Adjusted initial form selection logic to handle cases with no job title.
- Cleared form state when job selection is reset.
- Updated CSS styles for improved layout and responsiveness, including changes to flex properties and positioning of elements.
@pixelpix13
pixelpix13 force-pushed the Purav-fix-job-application-form-issues branch from 1f0974e to ce86910 Compare September 3, 2026 20:18
@sonarqubecloud

sonarqubecloud Bot commented Sep 3, 2026

Copy link
Copy Markdown

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.

1 participant