From 1c37f385c5d2a728222c5f9c981e7dce6c0e42e7 Mon Sep 17 00:00:00 2001
From: Choi JunHo <duekzim@gmail.com>
Date: Wed, 3 Jul 2024 11:47:17 +0900
Subject: [PATCH] Feat: Add spinner and status change

---
 src/ui/pages/admin/login.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/ui/pages/admin/login.tsx b/src/ui/pages/admin/login.tsx
index dd7d0aa..a99d591 100644
--- a/src/ui/pages/admin/login.tsx
+++ b/src/ui/pages/admin/login.tsx
@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import { useUser, handleLogin } from '../../../api/admin-login';
+import { CircularProgress } from '@mui/material';
 
 export default function Login() {
   const [email, setEmail] = useState<string>('');
@@ -66,13 +67,13 @@ export default function Login() {
                 />
               </div>
             </div>
-            {isError ? <div>다시 로그인해주세요</div> : ''}
+            {isError ? '' : <div>다시 로그인해주세요</div>}
             <div>
               <button
                 type="submit"
                 className="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-lg font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
               >
-                Sign in
+                {isLoading ? <CircularProgress color="inherit" /> : 'Sign in'}
               </button>
             </div>
           </form>