From fcb53d49956bb29af0776ca6dc28bb801defc5d7 Mon Sep 17 00:00:00 2001
From: HiImConan <mindol0320@naver.com>
Date: Wed, 29 Nov 2023 17:56:41 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20pending,?=
 =?UTF-8?q?=20error=20=EC=83=81=ED=83=9C=20=ED=99=95=EC=9D=B8=20=EB=AC=B8?=
 =?UTF-8?q?=EA=B5=AC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/login/page.tsx        | 10 +++++++++-
 src/queries/useLogin/query.ts |  3 ---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index bbd86aa..61f2236 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -11,7 +11,7 @@ import { AuthPayload } from '@/types/auth';
 export default function Login() {
   const [loginData, setLoginData] = useState<AuthPayload>({} as AuthPayload);
 
-  const { mutate } = usePostLoginMutation();
+  const { mutate, status } = usePostLoginMutation();
 
   const { isError: isEmailEmpty } = useValidate(
     loginData.email,
@@ -71,6 +71,14 @@ export default function Login() {
           />
         </label>
 
+        {status === 'pending' && (
+          <div className="mx-2 text-gray-4">로그인 중입니다...</div>
+        )}
+        {status === 'error' && (
+          <div className="mx-2 text-red-600">
+            로그인에 실패하였습니다. 다시 시도하시거나 관리자에게 문의해주세요.
+          </div>
+        )}
         <Button
           className="mt-8 w-full rounded-lg bg-primary p-4 text-xl text-white hover:bg-[#303ECE] disabled:bg-gray-2 disabled:text-gray-4"
           type="submit"
diff --git a/src/queries/useLogin/query.ts b/src/queries/useLogin/query.ts
index 42cfc4f..1da288b 100644
--- a/src/queries/useLogin/query.ts
+++ b/src/queries/useLogin/query.ts
@@ -23,8 +23,5 @@ export default function usePostLoginMutation() {
 
       router.push('/admin/league');
     },
-    // onError: () => {
-    //   setIsLoginFailed(true);
-    // },
   });
 }