Aktueller Stand

app/login/page.tsx

@@ -8,10 +8,12 @@ import { useState } from "react";
 export default function LoginPage() {
   const router = useRouter();
   const [error, setError] = useState<string | null>(null);
+  const [showVerifyLink, setShowVerifyLink] = useState(false);
 
   const onSubmit = async (event: React.FormEvent<HTMLFormElement>) => {
     event.preventDefault();
     setError(null);
+    setShowVerifyLink(false);
     const formData = new FormData(event.currentTarget);
     const email = formData.get("email") as string;
     const password = formData.get("password") as string;
@@ -29,6 +31,7 @@ export default function LoginPage() {
       }
       if (result.error === "EMAIL_NOT_VERIFIED") {
         setError("Bitte bestätige zuerst deine E-Mail.");
+        setShowVerifyLink(true);
         return;
       }
       if (result.error === "LOCKED") {
@@ -44,6 +47,7 @@ export default function LoginPage() {
     }
 
     if (result?.ok) {
+      setShowVerifyLink(false);
       router.push("/");
     }
   };
@@ -83,12 +87,14 @@ export default function LoginPage() {
           Zurücksetzen
         </Link>
       </p>
-      <p className="mt-2 text-sm text-slate-600">
-        E-Mail nicht bestätigt?{" "}
-        <Link href="/verify" className="text-brand-700">
-          Link erneut senden
-        </Link>
-      </p>
+      {showVerifyLink && (
+        <p className="mt-2 text-sm text-slate-600">
+          E-Mail nicht bestätigt?{" "}
+          <Link href="/verify" className="text-brand-700">
+            Link erneut senden
+          </Link>
+        </p>
+      )}
     </div>
   );
 }