Merge pull request #303 from Bamdoliro/develop

Release - user v1.1.0

Author: SEOKKAMONI

apps/user/src/apis/token/refresh.ts

@@ -1,4 +1,4 @@
-import { TOKEN, ROUTES } from '@/constants/common/constant';
+import { ROUTES, TOKEN } from '@/constants/common/constant';
 import { maru } from '../instance/instance';
 import { Storage } from '../storage/storage';
 
@@ -9,7 +9,7 @@ const refreshToken = async () => {
                 'Refresh-Token': `${Storage.getItem(TOKEN.REFRESH)}`,
             },
         });
-        Storage.setItem(TOKEN.ACCESS, data.accessToken);
+        Storage.setItem(TOKEN.ACCESS, data.data.accessToken);
     } catch {
         window.location.href = ROUTES.LOGIN;
         alert('다시 로그인 해주세요');

apps/user/src/app/form/보호자정보/보호자정보.tsx

@@ -1,7 +1,7 @@
 import { FindAddressModal, FormController } from '@/components/form';
 import { FormLayout } from '@/layouts';
 import { useFormValueStore } from '@/store';
-import { ButtonInput, Column, Input, Row } from '@maru/ui';
+import { ButtonInput, Column, Input, RadioGroup, Row } from '@maru/ui';
 import { useOverlay } from '@toss/use-overlay';
 import styled from 'styled-components';
 import { useCTAButton, useInput } from './보호자정보.hooks';
@@ -53,6 +53,33 @@ const 보호자정보 = () => {
                         isError={form.parent.address.length > 100}
                         errorMessage="100자 이하여야 합니다."
                     />
+                    <Row justifyContent="flex-start" alignItems="center">
+                        <RadioGroup
+                            label="보호자 관계"
+                            value={form.parent.relation}
+                            onChange={handle보호자정보DataChange}
+                            name="relation"
+                            list={[
+                                { label: '부', value: '아빠' },
+                                { label: '모', value: '엄마' },
+                                {
+                                    label: '기타',
+                                    value: '기타',
+                                    checked:
+                                        form.parent.relation !== '아빠' &&
+                                        form.parent.relation !== '엄마',
+                                },
+                            ]}
+                        />
+                    </Row>
+                    {form.parent.relation !== '아빠' && form.parent.relation !== '엄마' && (
+                        <Input
+                            value={form.parent.relation}
+                            onChange={handle보호자정보DataChange}
+                            name="relation"
+                        />
+                    )}
+
                     <Row gap={48}>
                         <Input
                             name="detailAddress"

apps/user/src/app/form/성적입력/성적입력.hooks.ts

@@ -1,23 +1,14 @@
 import { useSaveFormMutation } from '@/services/form/mutations';
-import {
-    useSetFormStepStore,
-    useNewSubjectValueStore,
-    useSubjectValueStore,
-    useFormValueStore,
-} from '@/store';
+import { useFormValueStore, useSetFormStepStore } from '@/store';
 
 export const useCTAButton = () => {
     const form = useFormValueStore();
     const setFormStep = useSetFormStepStore();
-    const newSubjectList = useNewSubjectValueStore();
-    const subjectList = useSubjectValueStore();
     const { saveFormMutate } = useSaveFormMutation();
 
-    const studentSubjectList = [...subjectList, ...newSubjectList].map(({ id, ...rest }) => rest);
-
     const handleNextButtonClick = () => {
         setFormStep('자기소개서');
-        saveFormMutate({ ...form, grade: { ...form.grade, subjectList: studentSubjectList } });
+        saveFormMutate(form);
     };
 
     const handlePreviousButtonClick = () => {

apps/user/src/app/form/전형선택/전형선택.tsx

@@ -90,7 +90,7 @@ export const useCheckFilledForm = () => {
 
         if (
             filledApplicantFieldsCount === 5 &&
-            filledParentFieldsCount === 5 &&
+            filledParentFieldsCount === 6 &&
             filledEducationFieldsCount === 8 &&
             filledTypeFieldsCount === 1 &&
             filledDocumentFieldsCount === 2

apps/user/src/app/form/초안작성완료/초안작성완료.hooks.ts

@@ -1,14 +1,13 @@
 'use client';
 
-import { ROUTES } from '@/constants/common/constant';
 import { AppLayout } from '@/layouts';
 import { IconArrowRight } from '@maru/icon';
 import { color, font } from '@maru/theme';
 import { Button, Column, Input, PreviewInput } from '@maru/ui';
 import { flex } from '@maru/utils';
 import Image from 'next/image';
-import { useCTAButton, useInput, useLoginAction } from './login.hooks';
 import styled from 'styled-components';
+import { useCTAButton, useInput, useLoginAction } from './login.hooks';
 
 const LoginPage = () => {
     const { handleGoSingUpPageButtonClick, handleGoMainPageButtonClick } = useCTAButton();
@@ -31,7 +30,7 @@ const LoginPage = () => {
                         <Column gap="36px" width="100%">
                             <Column gap="24px">
                                 <Input
-                                    label="아이디"
+                                    label="이메일"
                                     width="100%"
                                     name="email"
                                     onChange={handleLoginUserDataChange}

apps/user/src/app/login/page.tsx

@@ -40,6 +40,8 @@ const SignUpPage = () => {
                                 name="name"
                                 placeholder="이름을 입력해주세요."
                                 onChange={handleJoinUserDataChange}
+                                isError={joinUserData.name.length === 0}
+                                errorMessage="필수값입니다."
                             />
                             <ButtonInput
                                 label="이메일 인증"
@@ -61,17 +63,17 @@ const SignUpPage = () => {
                                     label="인증코드"
                                     width="100%"
                                     maxLength={6}
-                                    errorMessage="발송된 이메일의 인증번호를 입력해주세요."
                                     name="code"
                                     onChange={handleJoinUserDataChange}
                                     timerTime={timerTime}
                                     setTimerTime={setTimerTime}
+                                    isError={joinUserData.code.length < 6}
+                                    errorMessage="발송된 이메일의 인증번호를 입력해주세요."
                                 />
                             )}
                             <PreviewInput
                                 label="비밀번호"
                                 width="100%"
-                                errorMessage="8~16자의 영문 대소문자, 숫자, 특수문자만 가능합니다."
                                 name="password"
                                 onChange={handleJoinUserDataChange}
                             />
@@ -80,6 +82,8 @@ const SignUpPage = () => {
                                 width="100%"
                                 name="password_confirm"
                                 onChange={handleJoinUserDataChange}
+                                isError={joinUserData.password !== joinUserData.password_confirm}
+                                errorMessage="비밀번호가 맞지 않습니다."
                             />
                         </Column>
                         {/* 이용약관 동의 */}

apps/user/src/app/signup/page.tsx

@@ -30,7 +30,6 @@ const CertificateCalculator = () => {
                 },
             }));
         }
-        console.log(form);
     };
 
     return (

apps/user/src/components/form/Calculators/CertificateCalculator/CertificateCalculator.tsx

@@ -1,4 +1,4 @@
-import { useNewSubjectStore, useSubjectStore } from '@/store';
+import { useNewSubjectStore, useSetFormStore, useSubjectStore } from '@/store';
 import { Subject } from '@/types/form/client';
 import { color, font } from '@maru/theme';
 import { Button, Column } from '@maru/ui';
@@ -12,6 +12,7 @@ import NewGradeCalculatorItem from './NewGradeCalculatorItem/NewGradeCalculatorI
 const GradeCalculator = () => {
     const [newSubjectList, setNewSubjectList] = useNewSubjectStore();
     const [subjectList, setSubjectList] = useSubjectStore();
+    const setForm = useSetFormStore();
     const footerRef = useRef<HTMLDivElement>(null);
     const isMount = useRef(true);
 
@@ -35,6 +36,14 @@ const GradeCalculator = () => {
         if (newSubjectList.length) footerRef.current?.scrollIntoView();
     }, [newSubjectList]);
 
+    useEffect(() => {
+        const studentSubjectList = [...subjectList, ...newSubjectList].map(
+            ({ id, ...rest }) => rest,
+        );
+
+        setForm((prev) => ({ ...prev, grade: { ...prev.grade, subjectList: studentSubjectList } }));
+    }, [newSubjectList, subjectList]);
+
     return (
         <StyledGradeCalculator>
             <Desc>

apps/user/src/components/form/Calculators/GradeCalculator/GradeCalculator.tsx

@@ -91,7 +91,7 @@ const ProfileUploader = () => {
                 </Button>
             )}
             <Desc>
-                20MB 이하, 3개월 이내의
+                10MB 이하, 3개월 이내의
                 <br />
                 3x4 cm 증명사진
             </Desc>