checkout: buttons verbessert, paddle zahlungsschritt schicker gemacht, schritt 4 optimiert+schick gemacht. Dashboard: translations ergänzt. Startseite vom Event Admin optimiert.

resources/js/pages/auth/LoginForm.tsx

@@ -50,6 +50,7 @@ export default function LoginForm({ onSuccess, canResetPassword = true, locale }
   const [errors, setErrors] = useState<FieldErrors>({});
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [hasTriedSubmit, setHasTriedSubmit] = useState(false);
+  const [shouldFocusError, setShouldFocusError] = useState(false);
 
   useEffect(() => {
     if (!hasTriedSubmit) {
@@ -63,7 +64,7 @@ export default function LoginForm({ onSuccess, canResetPassword = true, locale }
   }, [errors, hasTriedSubmit]);
 
   useEffect(() => {
-    if (!hasTriedSubmit) {
+    if (!hasTriedSubmit || !shouldFocusError) {
       return;
     }
 
@@ -75,11 +76,13 @@ export default function LoginForm({ onSuccess, canResetPassword = true, locale }
     const field = document.querySelector<HTMLInputElement>(`[name="${firstKey}"]`);
     field?.scrollIntoView({ behavior: "smooth", block: "center" });
     field?.focus();
-  }, [errors, hasTriedSubmit]);
+    setShouldFocusError(false);
+  }, [errors, hasTriedSubmit, shouldFocusError]);
 
   const updateValue = (key: keyof typeof values, value: string | boolean) => {
     setValues((current) => ({ ...current, [key]: value }));
     setErrors((current) => ({ ...current, [key as string]: "" }));
+    setShouldFocusError(false);
   };
 
   const submit = async (event: React.FormEvent<HTMLFormElement>) => {
@@ -129,11 +132,13 @@ export default function LoginForm({ onSuccess, canResetPassword = true, locale }
         });
 
         setErrors(fieldErrors);
+        setShouldFocusError(true);
         toast.error(t("login.failed_generic", "Ungueltige Anmeldedaten"));
         return;
       }
 
       toast.error(t("login.unexpected_error", "Beim Login ist ein Fehler aufgetreten."));
+      setShouldFocusError(false);
     } catch (error) {
       console.error("Login request failed", error);
       toast.error(t("login.unexpected_error", "Beim Login ist ein Fehler aufgetreten."));
@@ -205,4 +210,3 @@ export default function LoginForm({ onSuccess, canResetPassword = true, locale }
     </form>
   );
 }
-