feat: 이용약관 페이지 추가 및 회원가입 연결 (#87)

src/configs/path.ts

@@ -4,6 +4,7 @@ export enum PAGE_URL {
   SignUp = '/auth/signup',
   FindPassword = '/auth/findPassword',
   Admission = '/auth/admission',
+  UseTerms = '/useTerms',
 
   Home = '/home',
 

src/pages/auth/AuthPageSwitch.tsx

@@ -4,6 +4,7 @@ import { Admission } from './admission';
 import { FindPassword } from './findPassword';
 import { SignIn } from './signIn';
 import { SignUp } from './signUp';
+import { UseTerms } from './useTerms';
 
 import { PAGE_URL } from '@/configs/path';
 
@@ -13,5 +14,6 @@ export const AuthPageSwitch: React.FC = () => (
     <Route path={PAGE_URL.Admission} component={Admission} />
     <Route path={PAGE_URL.SignUp} component={SignUp} />
     <Route path={PAGE_URL.FindPassword} component={FindPassword} />
+    <Route path={PAGE_URL.UseTerms} component={UseTerms} />
   </Switch>
 );

src/pages/auth/findPassword/FindPasswordPage.tsx

@@ -47,7 +47,7 @@ const FindPasswordPage: React.FC = observer(() => {
 
   return (
     <>
-      <Header title="비밀번호 재발급" withBack={PAGE_URL.Board} />
+      <Header title="비밀번호 재발급" withBack={PAGE_URL.SignIn} />
       <PageBody>
         {isSubmitting ? (
           <Loading />

src/pages/auth/signUp/SignUpPage.tsx

@@ -42,7 +42,7 @@ const SignUpPage: React.FC = observer(() => {
     const { success, message } = (await signUp(body)) as unknown as StoreAPI;
 
     if (success) {
-      replace(PAGE_URL.SignIn);
+      replace(PAGE_URL.UseTerms);
       alert({ message: '회원가입 되었습니다. 로그인 후 학부인증을 진행하세요.' });
     } else if (message) {
       alert({ message });

src/pages/auth/useTerms/UseTermsPage.tsx

@@ -0,0 +1,39 @@
+import { observer } from 'mobx-react-lite';
+import React, { useEffect } from 'react';
+import { useForm } from 'react-hook-form';
+import { useHistory, generatePath } from 'react-router-dom';
+
+import { BodyScreen, Header, PageBody, PageFooter, PageStoreHOC, NavButton } from '@/components';
+import { PAGE_URL } from '@/configs/path';
+
+const UseTermsPage: React.FC = observer(() => {
+  const {
+    replace,
+    push,
+    location: { pathname },
+  } = useHistory();
+  const { handleSubmit, formState } = useForm<User.FindPasswordReqestDto>();
+  const { isSubmitting } = formState;
+
+  const onSubmit = async () => {
+    if (pathname === PAGE_URL.SignUp) replace(PAGE_URL.SignIn);
+    else push(generatePath(pathname));
+  };
+
+  return (
+    <>
+      <Header title="이용 약관" />
+      <PageBody>
+        <BodyScreen>어쩌고 저쩌고</BodyScreen>
+      </PageBody>
+
+      <PageFooter>
+        <NavButton disabled={isSubmitting} onClick={handleSubmit(onSubmit)}>
+          위 약관을 모두 확인했습니다.
+        </NavButton>
+      </PageFooter>
+    </>
+  );
+});
+
+export default PageStoreHOC(<UseTermsPage />);

src/pages/auth/useTerms/index.ts

@@ -0,0 +1 @@
+export { default as UseTerms } from './UseTermsPage';