Persist auth spinner (#503)

This commit is contained in:
Jeremy 2024-11-08 17:59:06 +03:00 committed by GitHub
parent 729634e1d6
commit 58117f932f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 20 additions and 7 deletions

View file

@ -14,6 +14,7 @@ export default function Page() {
const router = useRouter();
const [email, setEmail] = useState('');
const [isSuccessful, setIsSuccessful] = useState(false);
const [state, formAction] = useActionState<LoginActionState, FormData>(
login,
@ -28,6 +29,7 @@ export default function Page() {
} else if (state.status === 'invalid_data') {
toast.error('Failed validating your submission!');
} else if (state.status === 'success') {
setIsSuccessful(true);
router.refresh();
}
}, [state.status, router]);
@ -47,7 +49,7 @@ export default function Page() {
</p>
</div>
<AuthForm action={handleSubmit} defaultEmail={email}>
<SubmitButton>Sign in</SubmitButton>
<SubmitButton isSuccessful={isSuccessful}>Sign in</SubmitButton>
<p className="text-center text-sm text-gray-600 mt-4 dark:text-zinc-400">
{"Don't have an account? "}
<Link