Feature/signup kkm

components/signup/SignupForm.tsx

@@ -6,6 +6,7 @@ import LocalStorage from "../../core/localStorage";
 import { IcSignupChecking } from "../../public/assets/icons";
 import { UseFormDataType } from "../../types/signup";
 import { errorPatterns } from "../../util/check";
+import referralLinkLIst from "../../util/referralLinkList";
 import { AlertLabel } from "../common";
 import { DefaultButton } from "../common/styled/Button";
 import { Input } from "../common/styled/Input";
@@ -35,10 +36,14 @@ export default function SignupForm(props: SignupFormProps) {
     </>
   );
 
+  const linkOfCondition = referralLinkLIst[0].href;
+
   const AgreeConditionBox = (
     <StAgreeConditionBox htmlFor="signupAgree" onClick={onToggleIsAgreeCondition}>
       <StIcSignupChecking isagree={isAgree} />
-      <p>개인정보 수집 및 이용 약관에 동의합니다.</p>
+      <a href={linkOfCondition} target="_blank" rel="noopener noreferrer">
+        개인정보 수집 및 이용 약관에 동의합니다.
+      </a>
     </StAgreeConditionBox>
   );
 
@@ -54,7 +59,7 @@ export default function SignupForm(props: SignupFormProps) {
 
       {keyIndex === "email" && AgreeConditionBox}
 
-      <StNextStepBtn disabled={!isDirty} type="submit">
+      <StNextStepBtn disabled={!isDirty || !isAgree} type="submit">
         다음 계단
       </StNextStepBtn>
     </>
@@ -87,6 +92,10 @@ const StAgreeConditionBox = styled.label`
 
   margin: 1.7rem 0 0 0;
 
+  & > a {
+    text-decoration: underline;
+  }
+
   ${({ theme }) => theme.fonts.body6}
 `;
 

pages/signup/index.tsx

@@ -112,25 +112,17 @@ export default function Signup() {
         setError("password", { type: "server", message: "비밀번호가 일치하지 않습니다." });
       }
     } else {
-      // 이메일 입력시 개인정보 취급 방침 동의를 먼저 유도
-      if (formDataKeyIndex === "email" && !isAgreeCondition) {
-        setError(formDataKeyIndex, {
-          type: "agreeCondition",
-          message: "개인정보 수집 및 이용 약관에 동의해주시기 바랍니다.",
-        });
-      } else {
-        // 서버로 데이터를 보내서 유효성 검사
-        // return: 유효한지(isValid) && 에러 메시지(message)
-        const { isValid, message } = await checkIsValid(formDataKeyIndex, key);
-
-        if (isValid) {
-          setNextStep(key);
-          if (formDataKeyIndex === "email") {
-            LocalStorage.setItem("booktez-email", loginFormData["email"]);
-          }
-        } else {
-          setError(formDataKeyIndex, { type: "server", message });
+      // 서버로 데이터를 보내서 유효성 검사
+      // return: 유효한지(isValid) && 에러 메시지(message)
+      const { isValid, message } = await checkIsValid(formDataKeyIndex, key);
+
+      if (isValid) {
+        setNextStep(key);
+        if (formDataKeyIndex === "email") {
+          LocalStorage.setItem("booktez-email", loginFormData["email"]);
         }
+      } else {
+        setError(formDataKeyIndex, { type: "server", message });
       }
     }
   };