leonitousconforti/tinyburg

Function Login has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Login() {
    return (
        <div className="flex h-screen w-screen items-center justify-center bg-gray-50">
            <div className="z-10 w-full max-w-md overflow-hidden rounded-2xl border border-gray-100 shadow-xl">
                <div className="flex flex-col items-center justify-center space-y-3 border-b border-gray-200 bg-white px-4 py-6 pt-8 text-center sm:px-16">

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                <Form
                    action={async (formData: FormData) => {
                        "use server";
                        await signIn("credentials", {
                            redirectTo: "/protected",

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                <div className="flex flex-col items-center justify-center space-y-3 border-b border-gray-200 bg-white px-4 py-6 pt-8 text-center sm:px-16">
                    <h3 className="text-xl font-semibold">Sign In</h3>
                    <p className="text-sm text-gray-500">Use your email and password to sign in</p>
                </div>

• Read up
  Read up