Refractored SupportContactForm.jsx to accept children (for the fieldsets), and onSubmit (for redirection after submission).
Added JSDocs to functions I worked on.
Imported forms to SupportOptions to display inside modal.
Added onSubmit function to form and made the donation form navigate to a placeholder '/thank-you' page. To be changed when the thank-you page is merged / exists
Based on feedback from @hvemily:
Added h2 id that matches aria-labelledby in the fieldset.
Self-closed inputs.
From Issue #1221:
Removed react imports.
Removed dev-style comment '//TextInput.jsx'
Added AgreementRadio.jsx for agree to terms at the bottom of the page.
Added InterestedField.jsx for the 'I'm interested in' section on the ContactForm. (For now it only exists in 'volunteer' section on support page.)
Added ContactInterestForm.jsx to have InterestedField as child of ContactForm.
Things I didn't get to add:
1221: RadioGroup.jsx feedback, because file doesn't exist in feature/support_.
Exact 'thank-you' page redirection, because it's not merged yet.
Title on donation form, because no feedback.
Requirements:
[x] Make the content for the donation form
[x] Make sure the form redirects to the "Thank you for your support" page after submitting
[x] Check the contact form created by Quantum Pixels to ensure consistency on the forms over all pages
[x] Style the form, and ensure for responsive design for mobile, tablet and desktop.
[x] Make elements keyboard and screen-reader accessible
[ ] Scrum Master will check if the title should be changed to donation form - No feedback
Thank you for your time!
I merge-commited the feature/support branch with my feature/support-donation-form branch, so commits from previous improvements are also visible
Issue: #1177
Figma Design:
Finished components:
Changes:
Based on feedback from @hvemily:
From Issue #1221:
Things I didn't get to add:
1221: RadioGroup.jsx feedback, because file doesn't exist in feature/support_.
Requirements:
Thank you for your time!
I merge-commited the feature/support branch with my feature/support-donation-form branch, so commits from previous improvements are also visible
Team Logic Forge QA: @hvemily