netlify[bot]
commented
1 month ago Deploy Preview for musikkforandrerliv ready!
| Name | Link |
|---|---|
| Latest commit | d89faef02f9a6323ef7873d61d588d03f71abcfa |
| Latest deploy log | https://app.netlify.com/projects/musikkforandrerliv/deploys/684041d8a78703000840c55f |
| Deploy Preview | https://deploy-preview-1214--musikkforandrerliv.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.
What does this PR do?
Adds a reusable TextInput component.
Implements the SupportContactForm using the new TextInput component.
Structures the form layout with proper styling and placeholder-based input labels.
📌Description of Task to be completed?
[ ] Create a reusable input field component (supportForms/TextInput.jsx) for consistent styling and behavior across forms.
[ ] Build the SupportContactForm component (SupportPage/SupportContactForm.jsx) with required fields split into left and right columns.
[ ] Ensure the form is responsive and visually aligned with project design (e.g., bg-[#B2CAC2], bg-gray-200 input fields).
How should this be manually tested?
Run the development server with npm run dev.
Navigate to the test page or modal where the SupportContactForm is rendered.
Confirm the form renders with 8 input fields using placeholder labels.
Verify form styling and structure matches the expected design.
(Optional) Try submitting the form (submit button will be added later).
Any background context you want to provide?
[ ] This form is part of the support section and meant to be used inside a modal.
[ ] The TextInput component is built to be reused in other forms like VolunteerForm, DonationsForm, etc.
[ ] Submit functionality is not yet implemented and will be handled in a future update.