<iman> add focus error when button submit click

1 files changed, 11 insertions, 2 deletions

diff --git a/src-migrate/modules/register/index.tsx b/src-migrate/modules/register/index.tsx
index d91af9e3..08d7f893 100644
--- a/src-migrate/modules/register/index.tsx
+++ b/src-migrate/modules/register/index.tsx
@@ -22,6 +22,7 @@ const LOGO_HEIGHT = LOGO_WIDTH / 3;
 const Register = () => {
   const [isIndividuClicked, setIsIndividuClicked] = useState(true);
   const [notValid, setNotValid] = useState(false);
+  const [buttonSubmitClick, setButtonSubmitClick] = useState(false);
   const [isBisnisClicked, setIsBisnisClicked] = useState(false);
   const { form, isCheckedTNC, isValidCaptcha, resetForm, errors, updateForm } =
     useRegisterStore();
@@ -49,8 +50,10 @@ const Register = () => {
   const handleSubmit = async () => {
     if (!isFormValid) {
       setNotValid(true);
+      setButtonSubmitClick(!buttonSubmitClick);
       return;
     } else {
+      setButtonSubmitClick(!buttonSubmitClick);
       setNotValid(false);
     }
     const response = await mutation.mutateAsync(form);
@@ -142,12 +145,18 @@ const Register = () => {
             <div className='transition-opacity duration-300 ease-in-out'>
               {isIndividuClicked && (
                 <div className='opacity-100'>
-                  <RegistrasiIndividu chekValid={notValid} />
+                  <RegistrasiIndividu
+                    chekValid={notValid}
+                    buttonSubmitClick={buttonSubmitClick}
+                  />
                 </div>
               )}
               {isBisnisClicked && (
                 <div className='opacity-100'>
-                  <RegistrasiBisnis chekValid={notValid} />
+                  <RegistrasiBisnis
+                    chekValid={notValid}
+                    buttonSubmitClick={buttonSubmitClick}
+                  />
                 </div>
               )}
             </div>