Skip to content

Conversation

@Aswin20010
Copy link

@Aswin20010 Aswin20010 commented Nov 5, 2025

Description

Implements the Resource Request Form that allows volunteers to submit requests for materials or equipment required for activities (e.g., gym equipment, yoga mats, etc.).
This PR adds client-side validation, submission handling, success messaging, and CSS module styling for the /communityportal/resources/add page.

Related PRs (if any)

Frontend PR only

Main changes explained

Created / Updated Files
src/components/SocialArchitecture/RequestResources.jsx – added form validation, error messages, success state handling, and reset logic.
src/components/SocialArchitecture/ResourceRequestForm.module.css – added styling for inline errors, success message, and dark-mode compatibility.

Implemented
Required-field validation for all inputs.
Inline error display beneath each field.
Success confirmation popup and form reset after valid submission.
File-upload handler for material image.
Responsive layout verified for desktop/tablet/mobile.
CSS module integration for consistent styling across themes.

How to test

  1. Checkout branch
    git fetch origin aswin_impl_resource_request_form_v2
    git checkout aswin_impl_resource_request_form_v2
    npm install --legacy-peer-deps
    npm run start:local
  2. Navigate to localhost:5173/communityportal/resources/add
  3. Test cases:
  • Leave required fields blank → inline validation messages appear.
  • Fill all fields → success message displayed and form resets.
  • Upload an image → ensure preview is stored in formData.
  • Toggle dark/light mode → check color and contrast consistency.
  1. Test on both Admin and Volunteer roles.

Screenshots or videos of changes

PR.4333.mov

Note

All form fields tested locally; dark mode verified.
No merge conflicts with main branch.
Ready for PR review

…076-development

Revert "Revert "Frontend Release to Main [4.49]""
Redo Frontend Release to Main [4.57]
…223-development

Revert "Revert "Frontend Release to Main [4.57]""
…228-revert-4223-development

Revert "Revert "Revert "Frontend Release to Main [4.57]"""
…231-revert-4228-revert-4223-development

Revert "Revert "Revert "Revert "Frontend Release to Main [4.57]""""
…232-revert-4231-revert-4228-revert-4223-development

Revert "Revert "Revert "Revert "Revert "Frontend Release to Main [4.57]"""""
one-community and others added 18 commits October 22, 2025 20:10
…245-revert-4232-revert-4231-revert-4228-revert-4223-development

Revert "Revert "Revert "Revert "Revert "Revert "Frontend Release to Main [4.57]""""""
…247-revert-4245-revert-4232-revert-4231-revert-4228-revert-4223-development

Revert "Revert "Revert "Revert "Revert "Revert "Revert "Frontend Release to Main [4.57]"""""""
…250-revert-4247-revert-4245-revert-4232-revert-4231-revert-4228-revert-4223-development

Revert "Revert "Revert "Revert "Revert "Revert "Revert "Revert "Frontend Release to Main [4.57]""""""""
…251-revert-4250-revert-4247-revert-4245-revert-4232-revert-4231-revert-4228-revert-4223-development

Revert "Revert "Revert "Revert "Revert "Revert "Revert "Revert "Revert "Frontend Release to Main [4.57]"""""""""
…t "Revert "Frontend Release to Main [4.57]""""""""""
…259-revert-4251-revert-4250-revert-4247-revert-4245-revert-4232-revert-4231-revert-4228-revert-4223-development

Revert "Revert "Revert "Revert "Revert "Revert "Revert "Revert "Revert "Revert "Frontend Release to Main [4.57]""""""""""
@netlify
Copy link

netlify bot commented Nov 5, 2025

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit d071a66
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/690cd355e077450008763a51
😎 Deploy Preview https://deploy-preview-4333--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.

@sonarqubecloud
Copy link

sonarqubecloud bot commented Nov 6, 2025

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.

3 participants