From 363f1582c99334008cbde4c0d6e0aeb6cf404ad5 Mon Sep 17 00:00:00 2001
From: boboiazumi <boboi0704@gmail.com>
Date: Mon, 26 May 2025 17:05:02 +0700
Subject: [PATCH] fix: button disabled when loading

---
 apps/dimentorin/src/app/_hooks/use-login.ts | 3 ++-
 apps/dimentorin/src/app/auth/login/page.tsx | 5 +++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/dimentorin/src/app/_hooks/use-login.ts b/apps/dimentorin/src/app/_hooks/use-login.ts
index e0323ce..67ae4f0 100644
--- a/apps/dimentorin/src/app/_hooks/use-login.ts
+++ b/apps/dimentorin/src/app/_hooks/use-login.ts
@@ -12,12 +12,13 @@ export const useLogin = () => {
     mode: 'all',
   });
 
-  const { signIn } = useSession();
+  const { signIn, isLoading } = useSession();
 
   const onSubmit = form.handleSubmit((data) => signIn(data));
 
   return {
     form,
     onSubmit,
+    isLoading
   };
 };
diff --git a/apps/dimentorin/src/app/auth/login/page.tsx b/apps/dimentorin/src/app/auth/login/page.tsx
index ed5280b..152f955 100644
--- a/apps/dimentorin/src/app/auth/login/page.tsx
+++ b/apps/dimentorin/src/app/auth/login/page.tsx
@@ -5,7 +5,8 @@ import { useLogin } from '../../_hooks/use-login';
 import { ArrowLeftOutlined } from '@ant-design/icons';
 
 export const Components: FC = (): ReactElement => {
-  const { form, onSubmit } = useLogin();
+  const { form, onSubmit, isLoading } = useLogin();
+
   return (
     <div className="flex flex-col justify-center items-center min-h-screen py-[60px] px-[80px]">
       <div className="bg-white xl:min-w-[1120px] xl:min-h-[712px] p-10 rounded-2xl shadow-md flex gap-6">
@@ -41,7 +42,7 @@ export const Components: FC = (): ReactElement => {
                   Lupa Password ?
                 </a>
               </div>
-              <Button className="w-full" type='submit' disabled={!form.formState.isValid}>Enter Isekai</Button>
+              <Button className="w-full" type='submit' disabled={(!form.formState.isValid || isLoading)}>Enter Isekai</Button>
             </form>
             
             <div className="flex my-3 gap-3 justify-center">