Login logout (#56)

* Add. 디폴트 페이지 변경 * Del. 디폴트 페이지 비밀번호 찾기 삭제 * Del. 임시 주석 해제 * Upt. 사용자 데이터 수정 * Upt. 회원 탈퇴 로직 변경 * Upt. 탈퇴 로직 수정 * Upt. useState async fix
ddok-ddak · Jul 6, 2024 · 9a6788f · 9a6788f
1 parent 52d6ac7
commit 9a6788f
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 24 deletions.
diff --git a/src/api/auth.ts b/src/api/auth.ts
@@ -131,9 +131,9 @@ export const addUser = async (request: UserData) => {
  * @param request: UserData
  * @returns response
  */
-export const deleteUser = async (request: UserData) => {
+export const deleteUser = async (authProviderType: AuthProviderType) => {
   const response = await callAPI({
-    url: `/api/v1/auth/withdrawal/${request.authProviderType}`,
+    url: `/api/v1/auth/withdrawal/${authProviderType}`,
     method: 'POST',
   });
   return response as CommonResponse;

diff --git a/src/pages/auth/common/VerifyCode.tsx b/src/pages/auth/common/VerifyCode.tsx
@@ -1,5 +1,5 @@
 import { Box, Button, InputAdornment, Typography } from '@mui/material';
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useState, useRef } from 'react';
 import Countdown from 'react-countdown';
 import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
 
@@ -30,6 +30,12 @@ const VerifyCode = (props: any) => {
   const signUpData = useRecoilValue(signUpDataState);
   const [code, setCode] = useState('');
 
+  const refValue = useRef('');
+
+  useEffect(() => {
+    refValue.current = code;
+  }, [code]);
+
   const itemArray: InputItemType[] = [
     {
       name: '이메일 인증 코드',
@@ -99,7 +105,7 @@ const VerifyCode = (props: any) => {
       ) => {
         const value = event.target.value;
         if (value.length) {
-          setCode(value);
+          setCode(() => value);
           setIsNextButtonDisabled(false);
           setNextButtonProps({
             ...nextButtonProps,
@@ -110,6 +116,27 @@ const VerifyCode = (props: any) => {
     },
   ];
 
+  const getCodeVerified = async () => {
+    await verifyCode({
+      authenticationRequestId: refValue.current,
+      authenticationNumber: code,
+    })
+      .then((response) => {
+        if (response.status === 'SUCCESS') {
+          setCurrentStepIndex(currentStepIndex + 1);
+          props.handleNextButton();
+        } else {
+          let newAttemptCount = verificationAttemptCount + 1;
+          setVerificationAttemptCount(newAttemptCount);
+          setHelper(
+            `인증코드가 일치하지 않습니다. 다시 한번 확인 후 입력해주세요. (${newAttemptCount} / 5 회)`,
+          );
+          setIsHelperError(() => true);
+        }
+      })
+      .catch();
+  };
+
   useEffect(() => {
     setInstruction('인증코드를 입력해주세요.');
     setNextButtonProps({
@@ -133,25 +160,7 @@ const VerifyCode = (props: any) => {
           });
           return true;
         }
-
-        await verifyCode({
-          authenticationRequestId: requestId,
-          authenticationNumber: code,
-        })
-          .then((response) => {
-            if (response.status === 'SUCCESS') {
-              setCurrentStepIndex(currentStepIndex + 1);
-              props.handleNextButton();
-            } else {
-              let newAttemptCount = verificationAttemptCount + 1;
-              setVerificationAttemptCount(newAttemptCount);
-              setHelper(
-                `인증코드가 일치하지 않습니다. 다시 한번 확인 후 입력해주세요. (${newAttemptCount} / 5 회)`,
-              );
-              setIsHelperError(() => true);
-            }
-          })
-          .catch();
+        getCodeVerified();
       },
       isDisabled: true,
     });
@@ -166,7 +175,7 @@ const VerifyCode = (props: any) => {
         isHelperError={isHelperError}
         value={code}
       />
-      <Box sx={{ position: 'relative', top: '15%' }}>
+      <Box sx={{ position: 'relative', top: '20%' }}>
         <Typography
           sx={{
             fontSize: '11px',