Gear order form in WCA website #9815
Conversation
|
This form is not 100% complete, currently I'm facing a blocker that if I mark any of the I remember seeing this while working on Sign Up page migration, but iirc I couldn't find a solution during that time. I request somebody to unblock this issue. Alternative is to use custom validation to check if all the fields are there. |
Currently there is no workaround for this issue - that's how the form behaves in v2 Register as well. I think for now, proceed as if this were not a blocker. |
| import i18n from '../../lib/i18n'; | ||
|
|
||
| export default function ContactGearOrder() { | ||
| const equipments = [ |
There was a problem hiding this comment.
"Equipment" doesn't have a plural form.
And this array could be moved out of the component.
| const equipments = [ | |
| const equipment = [ |
| quantity: 0, | ||
| price: 0, | ||
| }))); | ||
| const [totalPrice, setTotalPrice] = useState(0); |
There was a problem hiding this comment.
Does this work? Direct calculation is better than a state and an effect.
| const [totalPrice, setTotalPrice] = useState(0); | |
| const totalPrice = _.sumBy(orderDetails, 'price'); |
In this PR, the gear order form is brought within WCA website so that there will be more options of customizations - for example, the notification emails can be well formatted in a way that it will reduce the workload of WFC, the user can know the total order value while filling the form, etc.