text changes on isSubmitting

This commit is contained in:
Ollie Halliday
2023-09-30 16:50:52 +01:00
parent 94216f5219
commit 86f39f3824
4 changed files with 16 additions and 8 deletions

View File

@ -73,7 +73,7 @@ export const ForgotPasswordForm = ({ className }: ForgotPasswordFormProps) => {
</div> </div>
<Button size="lg" loading={isSubmitting}> <Button size="lg" loading={isSubmitting}>
Reset Password {isSubmitting ? 'Sending Reset Email...' : 'Reset Password'}
</Button> </Button>
</form> </form>
); );

View File

@ -166,7 +166,7 @@ export const ResetPasswordForm = ({ className, token }: ResetPasswordFormProps)
</div> </div>
<Button size="lg" loading={isSubmitting}> <Button size="lg" loading={isSubmitting}>
Reset Password {isSubmitting ? 'Resetting Password...' : 'Reset Password'}
</Button> </Button>
</form> </form>
); );

View File

@ -147,9 +147,13 @@ export const SignInForm = ({ className }: SignInFormProps) => {
<FormErrorMessage className="mt-1.5" error={errors.password} /> <FormErrorMessage className="mt-1.5" error={errors.password} />
</div> </div>
<Button size="lg" disabled={isSubmitting} className="dark:bg-documenso dark:hover:opacity-90"> <Button
{isSubmitting && <Loader className="mr-2 h-5 w-5 animate-spin" />} size="lg"
Sign In loading={isSubmitting}
disabled={isSubmitting}
className="dark:bg-documenso dark:hover:opacity-90"
>
{isSubmitting ? 'Signing in...' : 'Sign in'}
</Button> </Button>
<div className="relative flex items-center justify-center gap-x-4 py-2 text-xs uppercase"> <div className="relative flex items-center justify-center gap-x-4 py-2 text-xs uppercase">

View File

@ -157,9 +157,13 @@ export const SignUpForm = ({ className }: SignUpFormProps) => {
<FormErrorMessage className="mt-1.5" error={errors.signature} /> <FormErrorMessage className="mt-1.5" error={errors.signature} />
</div> </div>
<Button size="lg" disabled={isSubmitting} className="dark:bg-documenso dark:hover:opacity-90"> <Button
{isSubmitting && <Loader className="mr-2 h-5 w-5 animate-spin" />} size="lg"
Sign Up loading={isSubmitting}
disabled={isSubmitting}
className="dark:bg-documenso dark:hover:opacity-90"
>
{isSubmitting ? 'Signing up...' : 'Sign up'}
</Button> </Button>
</form> </form>
); );