feat: 버튼 활성화 부분 로직 수정

4bujak-4bujak · May 11, 2024 · f72bfe4 · f72bfe4
1 parent a65c82d
commit f72bfe4
Showing 1 changed file with 18 additions and 15 deletions.
diff --git a/src/components/signup/PasswordVerification.tsx b/src/components/signup/PasswordVerification.tsx
@@ -51,35 +51,39 @@ const PasswordVerification = ({ userName, userEmail }: { userName: string; userE
     const handleServiceTermsCheck = () => {
         const newServiceTermsCheckIcon = !serviceTermsCheckIcon;
         setServiceTermsCheckIcon(newServiceTermsCheckIcon);
-        checkAllAgreed();
-        checkFormValidity();
         updateAllAgreedIcon();
+        if (newServiceTermsCheckIcon && privacyTermsCheckIcon && marketingTermsCheckIcon) {
+            setAllAgreed(true);
+        }
+        else {
+            setAllAgreed(false);
+        }
     };
-
+    
     const handlePrivacyTermsCheck = () => {
         const newPrivacyTermsCheckIcon = !privacyTermsCheckIcon;
         setPrivacyTermsCheckIcon(newPrivacyTermsCheckIcon);
-        checkAllAgreed();
-        checkFormValidity();
         updateAllAgreedIcon();
+        if (serviceTermsCheckIcon && newPrivacyTermsCheckIcon && marketingTermsCheckIcon) {
+            setAllAgreed(true);
+        }
+        else {
+            setAllAgreed(false);
+        }
     };
-
+    
     const handleMarketingTermsCheck = () => {
         const newMarketingTermsCheckIcon = !marketingTermsCheckIcon;
         setMarketingTermsCheckIcon(newMarketingTermsCheckIcon);
-        checkAllAgreed();
-        checkFormValidity();
         updateAllAgreedIcon();
-    };
-
-    const checkAllAgreed = () => {
-        if (serviceTermsCheckIcon && privacyTermsCheckIcon && marketingTermsCheckIcon) {
+        if (serviceTermsCheckIcon && privacyTermsCheckIcon && newMarketingTermsCheckIcon) {
             setAllAgreed(true);
-        } else {
+        }
+        else {
             setAllAgreed(false);
         }
     };
-
+    
     const updateAllAgreedIcon = () => {
         if (allAgreed) {
             setTermsCheckIcon(true);
@@ -97,7 +101,6 @@ const PasswordVerification = ({ userName, userEmail }: { userName: string; userE
         checkFormValidity();
     };
 
-
     const handleNextButtonClick = () => {
         // todo
     };