Persist auth spinner (#503)
This commit is contained in:
parent
729634e1d6
commit
58117f932f
3 changed files with 20 additions and 7 deletions
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue