diff --git a/src/pages/onboarding/apis/univAxios.ts b/src/pages/onboarding/apis/univAxios.ts index bb81bab7..ae949f86 100644 --- a/src/pages/onboarding/apis/univAxios.ts +++ b/src/pages/onboarding/apis/univAxios.ts @@ -1,29 +1,21 @@ -import { axios } from "@utils/apis" +import { axios } from '@utils/apis'; export interface univVerifyPropType { email: string; - univName: string; + univName?: string; code?: string; } export const univVerifyAxios = ({ email, univName }: univVerifyPropType) => { - return axios.post( - '/api/v1/univ/verify', - { - email, - univName, - } - ) + return axios.post('/api/v1/univ/verify', { + univName, + univMail: email, + }); }; - -export const univVerifycodeAxios = ({ email, univName, code }: univVerifyPropType) => { - return axios.post( - '/api/v1/univ/verifycode', - { - email, - univName, - code, - } - ) -}; \ No newline at end of file +export const univVerifycodeAxios = ({ email, code }: univVerifyPropType) => { + return axios.post('/api/v1/univ/verifycode', { + univEmail: email, + verificationCode: code, + }); +}; diff --git "a/src/pages/onboarding/components/juniorOnboarding/Step\354\235\264\353\251\224\354\235\274\354\236\205\353\240\245.tsx" "b/src/pages/onboarding/components/juniorOnboarding/Step\354\235\264\353\251\224\354\235\274\354\236\205\353\240\245.tsx" index 9c99a330..fba1c36f 100644 --- "a/src/pages/onboarding/components/juniorOnboarding/Step\354\235\264\353\251\224\354\235\274\354\236\205\353\240\245.tsx" +++ "b/src/pages/onboarding/components/juniorOnboarding/Step\354\235\264\353\251\224\354\235\274\354\236\205\353\240\245.tsx" @@ -84,6 +84,11 @@ const Step이메일입력 = () => { ); }; + const handleChangeEmail = (e: ChangeEvent) => { + setEmail(e.target.value); + setIsEmailError(false); + }; + const handleChangeCode = (e: ChangeEvent) => { const codeInput = e.target.value; setCode(codeInput); @@ -99,7 +104,7 @@ const Step이메일입력 = () => { const handleClickButton = () => { verifycodeMutation.mutate( - { email, univName, code }, + { email, code }, { onSuccess: () => { setIsModalOpen(true); @@ -110,7 +115,7 @@ const Step이메일입력 = () => { onError: () => { setIsValidCodeError(true); }, - }, + } ); }; @@ -127,7 +132,7 @@ const Step이메일입력 = () => { label="학교메일" placeholder="메일 주소를 입력해 주세요" value={email} - onChange={(e) => setEmail(e.target.value)} + onChange={handleChangeEmail} isError={isEmailError}> diff --git a/src/pages/onboarding/hooks/useUnivQuery.ts b/src/pages/onboarding/hooks/useUnivQuery.ts index 05e64fbe..310287cf 100644 --- a/src/pages/onboarding/hooks/useUnivQuery.ts +++ b/src/pages/onboarding/hooks/useUnivQuery.ts @@ -1,24 +1,24 @@ -import { univVerifyAxios, univVerifycodeAxios, univVerifyPropType } from "@pages/onboarding/apis/univAxios"; -import { useMutation } from "@tanstack/react-query" +import { univVerifyAxios, univVerifycodeAxios, univVerifyPropType } from '@pages/onboarding/apis/univAxios'; +import { useMutation } from '@tanstack/react-query'; export const useUnivVerify = () => { const mutation = useMutation({ mutationFn: ({ email, univName }: univVerifyPropType) => univVerifyAxios({ email, univName }), onError: (error) => { - console.log('phone verify post Error: ', error); - } + console.error('phone verify post Error: ', error); + }, }); return mutation; -} +}; export const useUnivVerifycode = () => { const mutation = useMutation({ - mutationFn: ({ email, univName, code }: univVerifyPropType) => univVerifycodeAxios({ email, univName, code }), + mutationFn: ({ email, code }: univVerifyPropType) => univVerifycodeAxios({ email, code }), onError: (error) => { - console.log('phone verifycode post Error: ', error); - } + console.error('phone verifycode post Error: ', error); + }, }); return mutation; -} \ No newline at end of file +};