From cc57dcf53bceab5f61302da15001061e8c2750e9 Mon Sep 17 00:00:00 2001
From: Mohammad Jalali <muhammad.art79@gmail.com>
Date: Sat, 25 Nov 2023 17:14:00 +0330
Subject: [PATCH] LFFE-30 implemention of auto submit component in core

---
 src/components/register/navy/UserRegister.jsx |  5 ++++-
 src/components/register/navy/index.jsx        |  2 +-
 src/core/components/AutoSubmit.jsx            | 13 +++++++++++++
 3 files changed, 18 insertions(+), 2 deletions(-)
 create mode 100644 src/core/components/AutoSubmit.jsx

diff --git a/src/components/register/navy/UserRegister.jsx b/src/components/register/navy/UserRegister.jsx
index f1fd132..9714636 100644
--- a/src/components/register/navy/UserRegister.jsx
+++ b/src/components/register/navy/UserRegister.jsx
@@ -12,6 +12,7 @@ import ResendToken from "@/core/components/ResendToken";
 import useUser from "@/lib/app/hooks/useUser";
 import SvgRegister from "@/core/components/svgs/SvgRegister";
 import useRequest from "@/lib/app/hooks/useRequest";
+import AutoSubmit from "@/core/components/AutoSubmit";
 
 const UserRegisterComponent = ({
                                    PhoneNumber,
@@ -109,7 +110,7 @@ const UserRegisterComponent = ({
                                                 placeholder={t(
                                                     "LoginPage.text_field_enter_your_verification_code"
                                                 )}
-                                                type={"text"}
+                                                type={"number"}
                                                 error={
                                                     !!(props.touched.verification_code && props.errors.verification_code)
                                                 }
@@ -119,7 +120,9 @@ const UserRegisterComponent = ({
                                                         ? props.errors.verification_code
                                                         : null
                                                 }
+                                                onChange={(e) => e.target.value.length <= 6 ? props.setFieldValue("verification_code", e.target.value) : ""}
                                             />
+                                            <AutoSubmit/>
                                             <ResendToken
                                                 initialTimerValue={initialTimerValue}
                                                 timer={timer}
diff --git a/src/components/register/navy/index.jsx b/src/components/register/navy/index.jsx
index 9296f78..ca458c6 100644
--- a/src/components/register/navy/index.jsx
+++ b/src/components/register/navy/index.jsx
@@ -11,7 +11,7 @@ const NavyComponent = () => {
     const [timer, setTimer] = useState(initialTimerValue);
     // End For Resend Token
 
-    if (!otpToken) {
+    if (otpToken) {
         return (
             <RequestOtpComponent
                 setOtpToken={setOtpToken}
diff --git a/src/core/components/AutoSubmit.jsx b/src/core/components/AutoSubmit.jsx
new file mode 100644
index 0000000..6f0af03
--- /dev/null
+++ b/src/core/components/AutoSubmit.jsx
@@ -0,0 +1,13 @@
+import {useFormikContext} from "formik";
+import {useEffect} from "react";
+
+const AutoSubmit = () => {
+    const {values, submitForm} = useFormikContext()
+    useEffect(() => {
+        if (values.verification_code.toString().length === 6) {
+            submitForm();
+        }
+    }, [values, submitForm]);
+};
+
+export default AutoSubmit;