HotFix 카카오 로그인 모달 적용 이전으로 되돌림

HotFix 카카오 로그인 모달 적용 이전으로 되돌림

Author: haruharuganda

src/components/login/KakaoLoginLoding.jsx

@@ -6,21 +6,17 @@ import WelcomeModal from "../modal/WelcomeModal";
 
 //인가코드를 백으로 전달하기 위한 페이지
 const KakaoLoginLoding = () => {
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  const [message, setMessage] = useState("");
-  const [path, setPath] = useState("");
   const dispatch = useDispatch();
 
   // new URL 객체에서 searchParams객체의 get메소드를 사용하여 'code'키의 값을 추출
   const code = new URL(window.location.href).searchParams.get("code");
 
   // 페이지가 로딩됨과 동시에 디스패치로 code 전달
   useEffect(() => {
-    dispatch(__kakaologin({ code, setMessage, setPath, setIsModalOpen }));
+    dispatch(__kakaologin(code));
   }, []);
   return (
     <div>
-      {isModalOpen && <WelcomeModal message={message} path={path} />}
       <LoadingPage />
     </div>
   );

src/redux/modules/LoginSlice.jsx

@@ -50,10 +50,10 @@ export const __emailLogin = createAsyncThunk(
 export const __kakaologin = createAsyncThunk(
   "kakaologin",
   //전달 받은 코드 비동기로 처리
-  async (code, thunkAPI, setMessage, setPath, setIsModalOpen) => {
+  async (code, thunkAPI) => {
     try {
       const data = await instance
-        .post("social/kakao-login", code)
+        .post("social/kakao-login", { code })
         .then((res) => {
           const email = res.data.data.email;
           sessionStorage.setItem("email", email);
@@ -68,16 +68,13 @@ export const __kakaologin = createAsyncThunk(
             sessionStorage.setItem("userId", userId);
             sessionStorage.setItem("profileImage", profileImage);
             sessionStorage.setItem("socialCode", "social");
-            setIsModalOpen(true);
-            setMessage("그님스에 오신걸 환영합니다");
-            setPath("/main");
-            // return window.location.assign("/main");
+            alert("그님스에 오신걸 환영합니다");
+            return window.location.assign("/main");
 
             //멤버가 아닐시 프로필 정보를 받는 페이지로 돌려야함
           } else if (res.data.message === "non-member") {
-            setIsModalOpen(true);
-            setMessage("그님스를 이용하려면 프로필 정보를 입력해줘야합니다.");
-            setPath("/signup/setProfileName");
+            alert("그님스를 이용하려면 프로필 정보를 입력해줘야합니다.");
+            return window.location.assign("/signup/setProfileName");
           }
         });
       // return thunkAPI.fulfillWithValue(data);
@@ -178,18 +175,18 @@ const LoginSlice = createSlice({
   },
   extraReducers: {
     //카카오 소셜로그인
-    // [__kakaologin.pending]: (state) => {
-    //   state.isLoading = true;
-    // },
-    // [__kakaologin.fulfilled]: (state, action) => {
-    //   state.isLoading = false;
-    //   state.loginCheck = true;
-    //   state.email = action.payload;
-    // },
-    // [__kakaologin.rejected]: (state, action) => {
-    //   state.isLoading = false;
-    //   state.error = action.payload;
-    // },
+     [__kakaologin.pending]: (state) => {
+       state.isLoading = true;
+     },
+     [__kakaologin.fulfilled]: (state, action) => {
+       state.isLoading = false;
+       state.loginCheck = true;
+       state.email = action.payload;
+    },
+     [__kakaologin.rejected]: (state, action) => {
+       state.isLoading = false;
+       state.error = action.payload;
+     },
     [__sendEmail.pending]: (state) => {
       state.isLoading = true;
     },