From b761a448a8e3da4b3b2980a657e5c2694effff20 Mon Sep 17 00:00:00 2001
From: npeter83 <npeter83+claude@gmail.com>
Date: Thu, 23 Jul 2026 00:34:11 +0200
Subject: [PATCH] fix(auth): dismiss the verify banner once the user acts
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The verifyInvalid banner (a one-time entry notice) lingered on later screens
after the user clicked its "Send a new link" CTA and returned to sign-in.
Clear the verify state in reset(), so any deliberate action — mode switch,
CTA, or submit — dismisses it.
---
 frontend/src/components/Welcome.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Welcome.tsx b/frontend/src/components/Welcome.tsx
index da6942b5..7bd01d8c 100644
--- a/frontend/src/components/Welcome.tsx
+++ b/frontend/src/components/Welcome.tsx
@@ -321,6 +321,9 @@ function AuthCard() {
   const reset = () => {
     setError("");
     setDone("");
+    // The verify banners are a one-time entry notice — dismiss once the user takes any deliberate
+    // action (mode switch, CTA, submit) so it doesn't linger stalely on later screens.
+    setVerify(null);
   };
 
   async function onSubmit(e: React.FormEvent) {
@@ -411,7 +414,7 @@ function AuthCard() {
           {t("welcome.auth.verifyInvalid")}{" "}
           <button
             onClick={() => {
-              reset();
+              reset(); // also clears the verify banner (see reset())
               setMode("resend");
             }}
             className="font-semibold text-accent hover:underline"