Fix form caching and website url submission

This commit is contained in:
Gary Tou 2025-03-07 16:55:33 -08:00
parent fa2d5adf19
commit a638cfd9bd
No known key found for this signature in database
GPG key ID: 1587ABD3593755C3
2 changed files with 46 additions and 27 deletions

View file

@ -96,30 +96,36 @@ export default function OrganizationInfoForm({ requiredFields }) {
</Select>
</Field>
{
hasWebsite ? (
<Field
{hasWebsite ? (
<Field
name="eventWebsite"
label={`${org} website`}
requiredFields={requiredFields}
>
<Input
name="eventWebsite"
label={`${org} website`}
requiredFields={requiredFields}
>
<Input
name="eventWebsite"
id="eventWebsite"
inputMode="url"
placeholder="hackclub.com"
/>
</Field>
) : teenagerLed === 'true' ? (
<Text variant="caption">
A website is not required to apply for HCB. However, most successful
projects that raise money have a custom-build website. If you've
never built a website before, checkout{' '}
<Link href="https://boba.hackclub.com/">Boba Drops</Link>, a Hack
Club workshop on how to build a website.
</Text>
) : null /* don't show Boba Drops to adult-led orgs lol*/
}
id="eventWebsite"
inputMode="url"
placeholder="hackclub.com"
/>
</Field>
) : (
<>
{/* No website */}
<input type="hidden" name="eventWebsite" value="" />
{teenagerLed === 'true' && (
/* don't show Boba Drops to adult-led orgs lol*/
<Text variant="caption">
A website is not required to apply for HCB. However, most
successful projects that raise money have a custom-build website.
If you've never built a website before, checkout{' '}
<Link href="https://boba.hackclub.com/">Boba Drops</Link>, a Hack
Club workshop on how to build a website.
</Text>
)}
</>
)}
{teenagerLed === 'true' ? (
<>

View file

@ -131,7 +131,7 @@ export default function PersonalInfoForm({ requiredFields }) {
label="Birthday"
requiredFields={requiredFields}
>
<Input type="date" name="userBirthday" />
<Input type="date" name="userBirthday" id="userBirthday" />
</Field>
<Flex sx={{ flexDirection: 'column', gap: 1 }}>
@ -142,6 +142,7 @@ export default function PersonalInfoForm({ requiredFields }) {
>
<Input
name="userAddressLine1"
id="userAddressLine1"
placeholder="8605 Santa Monica Blvd, Suite 86294"
/>
</Field>
@ -152,21 +153,33 @@ export default function PersonalInfoForm({ requiredFields }) {
label={<Text sx={{ fontSize: 1 }}>City</Text>}
requiredFields={requiredFields}
>
<Input name="userAddressCity" placeholder="Santa Monica" />
<Input
name="userAddressCity"
placeholder="Santa Monica"
id="userAddressCity"
/>
</Field>
<Field
name="userAddressProvince"
label={<Text sx={{ fontSize: 1 }}>State / Province</Text>}
requiredFields={requiredFields}
>
<Input name="userAddressProvince" placeholder="California" />
<Input
name="userAddressProvince"
placeholder="California"
id="userAddressProvince"
/>
</Field>
<Field
name="userAddressPostalCode"
label={<Text sx={{ fontSize: 1 }}>ZIP / Postal code</Text>}
requiredFields={requiredFields}
>
<Input name="userAddressPostalCode" placeholder="90069" />
<Input
name="userAddressPostalCode"
placeholder="90069"
id="userAddressPostalCode"
/>
</Field>
<Field
name="userAddressCountry"