From a5b782b72acad7c0218ec543d1782fdfec3ca30f Mon Sep 17 00:00:00 2001
From: Alex Freidel <alex.freidel@gmail.com>
Date: Mon, 28 Apr 2025 08:14:19 +0200
Subject: [PATCH] feat: enhance 2fa login

As soon as all digits have been entered, the form will be sent automatically. Similar to GitHub's implementation.
---
 src/components/LoginForm.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/LoginForm.tsx b/src/components/LoginForm.tsx
index 3be1152..987e9c7 100644
--- a/src/components/LoginForm.tsx
+++ b/src/components/LoginForm.tsx
@@ -215,6 +215,12 @@ export default function LoginForm({ redirect, onLogin }: LoginFormProps) {
                                                     pattern={
                                                         REGEXP_ONLY_DIGITS_AND_CHARS
                                                     }
+                                                    onChange={(e) => {
+                                                        field.onChange(e);
+                                                        if (e.target.value.length === 6) {
+                                                            mfaForm.handleSubmit(onSubmit)();
+                                                        }
+                                                    }}
                                                 >
                                                     <InputOTPGroup>
                                                         <InputOTPSlot