25 lines
846 B
TypeScript
25 lines
846 B
TypeScript
|
import { signIn } from "next-auth/react";
|
||
|
|
import React from "react";
|
||
|
|
|
||
|
|
export default function EmailConfirmaion({ email }: { email: string }) {
|
||
|
|
return (
|
||
|
|
<div className="overflow-y-auto py-2 fixed top-0 bottom-0 right-0 left-0 bg-gray-500 bg-opacity-10 backdrop-blur-sm flex items-center fade-in z-30">
|
||
|
|
<div className="mx-auto p-3 rounded-xl border border-sky-100 shadow-lg bg-gray-100 text-sky-800">
|
||
|
|
<p className="text-center text-2xl mb-2">Please check your email</p>
|
||
|
|
<p>A sign in link has been sent to your email address.</p>
|
||
|
|
<div
|
||
|
|
onClick={() =>
|
||
|
|
signIn("email", {
|
||
|
|
email,
|
||
|
|
redirect: false,
|
||
|
|
})
|
||
|
|
}
|
||
|
|
className="mx-auto font-semibold mt-2 cursor-pointer w-fit"
|
||
|
|
>
|
||
|
|
Resend?
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|