feat: 로그인 api then/catch 적용

woowacourse-teams · Oct 8, 2023 · e79aebb · e79aebb
1 parent 62d13f0
commit e79aebb
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/frontend/src/pages/GithubCallbackPage.tsx b/frontend/src/pages/GithubCallbackPage.tsx
@@ -3,16 +3,15 @@ import React, { useContext, useEffect } from 'react';
 import { useLocation } from 'react-router-dom';
 import { ToastContext } from '@/contexts/ToastContext';
 import { TOAST_ERROR_MESSAGE } from '@/constants/message';
-import { useLogin } from '@/hooks/useLogin';
 import LoadingPage from './LoadingPage';
+import { issueLoginToken } from '@/apis/auth';
 
 function GithubCallbackPage() {
   const location = useLocation();
 
   const { showErrorToast } = useContext(ToastContext);
 
   const { goToMainPage, goToLoginPage } = usePageRouter();
-  const { login } = useLogin();
 
   useEffect(() => {
     const searchParams = new URLSearchParams(location.search);
@@ -26,9 +25,15 @@ function GithubCallbackPage() {
     }
 
     if (code) {
-      login(code).then(() => {
-        goToMainPage();
-      });
+      issueLoginToken(code)
+        .then(() => {
+          goToMainPage();
+        })
+        .catch(() => {
+          showErrorToast(TOAST_ERROR_MESSAGE.LOGIN);
+
+          goToLoginPage();
+        });
     }
   }, [location]);