Merge pull request #113 from hufs-sports-live/refactor/login

[STYLE]: 로그인 pending, error 상태 확인 문구 추가
HiimKwak · Nov 29, 2023 · 0cbc5bf · 0cbc5bf
2 parents 2dfaccd + fcb53d4
commit 0cbc5bf
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git 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
@@ -23,8 +23,5 @@ export default function usePostLoginMutation() {
 
       router.push('/admin/league');
     },
-    // onError: () => {
-    //   setIsLoginFailed(true);
-    // },
   });
 }