AaronPo/the-biergarten-app
1
0
Fork 0
mirror of https://github.com/aaronpo97/the-biergarten-app.git synced 2026-02-16 18:52:06 +00:00
Code Issues Packages Projects 1 Releases Wiki Activity

Update register user form disable itself when loading

Browse Source 
Fix error where a user could click submit multiple times while the form is submitting.
This commit is contained in:
Aaron William Po
2023-04-11 20:24:27 -04:00
parent ea3e8a0023
commit f5abc518a4
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/RegisterUserForm.tsx
View File

@@ -56,6 +56,7 @@ const RegisterUserForm: FC = () => {
</FormInfo>
<FormSegment>
<FormTextInput
disabled={formState.isSubmitting}
id="firstName"
type="text"
formValidationSchema={register('firstName')}
@@ -72,6 +73,7 @@ const RegisterUserForm: FC = () => {
</FormInfo>
<FormSegment>
<FormTextInput
disabled={formState.isSubmitting}
id="lastName"
type="text"
formValidationSchema={register('lastName')}
@@ -90,6 +92,7 @@ const RegisterUserForm: FC = () => {
</FormInfo>
<FormSegment>
<FormTextInput
disabled={formState.isSubmitting}
id="email"
type="email"
formValidationSchema={register('email')}
@@ -105,6 +108,7 @@ const RegisterUserForm: FC = () => {
</FormInfo>
<FormSegment>
<FormTextInput
disabled={formState.isSubmitting}
id="username"
type="text"
formValidationSchema={register('username')}
@@ -123,6 +127,7 @@ const RegisterUserForm: FC = () => {
</FormInfo>
<FormSegment>
<FormTextInput
disabled={formState.isSubmitting}
id="password"
type="password"
formValidationSchema={register('password')}
@@ -138,6 +143,7 @@ const RegisterUserForm: FC = () => {
</FormInfo>
<FormSegment>
<FormTextInput
disabled={formState.isSubmitting}
id="confirmPassword"
type="password"
formValidationSchema={register('confirmPassword')}
@@ -154,6 +160,7 @@ const RegisterUserForm: FC = () => {
<FormSegment>
<FormTextInput
id="dateOfBirth"
disabled={formState.isSubmitting}
type="date"
formValidationSchema={register('dateOfBirth')}
error={!!errors.dateOfBirth}
@@ -161,7 +168,9 @@ const RegisterUserForm: FC = () => {
/>
</FormSegment>
<div className="mt-6 w-full">
<Button type="submit">Register User</Button>
<Button type="submit" isSubmitting={formState.isSubmitting}>
Register User
</Button>
</div>
</div>
</form>