From 4bd66af0fff84360bf3dd799763ad5df1e1e8bff Mon Sep 17 00:00:00 2001
From: boboiazumi <boboi0704@gmail.com>
Date: Sun, 25 May 2025 09:24:24 +0700
Subject: [PATCH] fix: login page button disabled & register page

---
 apps/dimentorin/src/app/auth/login/page.tsx   |  3 +--
 .../dimentorin/src/app/auth/register/page.tsx | 20 ++++++++++++++-----
 .../src/app/auth/register/success/page.tsx    |  6 +++---
 3 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/apps/dimentorin/src/app/auth/login/page.tsx b/apps/dimentorin/src/app/auth/login/page.tsx
index 3859aba..83cbccf 100644
--- a/apps/dimentorin/src/app/auth/login/page.tsx
+++ b/apps/dimentorin/src/app/auth/login/page.tsx
@@ -6,7 +6,6 @@ import { ArrowLeftOutlined } from '@ant-design/icons';
 
 export const Components: FC = (): ReactElement => {
   const { form, onSubmit } = 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">
@@ -42,7 +41,7 @@ export const Components: FC = (): ReactElement => {
                   Lupa Password ?
                 </a>
               </div>
-              <Button className="w-full" type='submit'>Enter Isekai</Button>
+              <Button className="w-full" type='submit' disabled={!form.formState.isValid}>Enter Isekai</Button>
             </form>
             
             <div className="flex my-3 gap-3 justify-center">
diff --git a/apps/dimentorin/src/app/auth/register/page.tsx b/apps/dimentorin/src/app/auth/register/page.tsx
index 79bcadf..3de638d 100644
--- a/apps/dimentorin/src/app/auth/register/page.tsx
+++ b/apps/dimentorin/src/app/auth/register/page.tsx
@@ -2,24 +2,33 @@ import { FC, ReactElement } from 'react';
 import { RegisterResetBanner } from '@imphnen-frontend-service/ui/organisms';
 import { Button, Input } from '@imphnen-frontend-service/ui/atoms';
 import { InputField } from '@imphnen-frontend-service/ui/molecules';
+import { ArrowLeftOutlined } from '@ant-design/icons';
 
 export const Components: FC = (): ReactElement => {
   return (
     <div className="flex flex-col justify-center items-center min-h-screen py-[60px] px-[80px]">
-      <div className="bg-white min-w-[1120px] min-h-[712px] p-10 rounded-2xl shadow-md flex gap-6">
+      <div className="bg-white xl:min-w-[1130px] min-h-[712px] p-10 rounded-2xl shadow-md flex gap-6">
         <RegisterResetBanner />
-        <div className="border-2 border-primary-500/50 w-[696px] rounded-lg py-[32px] px-[48px] flex justify-center">
-          <div className="w-[704px]">
+        <div className="xl:border-2 xl:border-primary-500/50 xl:w-[726px] rounded-lg py-[32px] px-[48px] flex justify-center">
+          <div className="xl:w-[714px]">
+            <Button
+              className='xl:hidden gap-3'
+              variant='secondary'
+            >
+              <ArrowLeftOutlined />
+              Login
+            </Button>
             <h3 className="mt-5 text-3xl font-semibold text-primary-500">
               Register
             </h3>
             <h5 className="text-primary-500 font-medium">
               Yosha~! Saatnya Bergabung dengan Dimentorin
             </h5>
-            <div className="grid grid-flow-row-dense my-7 grid-cols-2 gap-2">
+            <div className="grid grid-flow-row-dense my-7 lg:grid-cols-2 gap-2">
               <InputField
                 label="First Name"
                 size="lg"
+                className="w-full"
                 placeholder="Nama Depan"
               />
               <InputField
@@ -31,6 +40,7 @@ export const Components: FC = (): ReactElement => {
               <InputField
                 label="Email"
                 size="lg"
+                className="w-full"
                 placeholder="Contoh : yourname@mail.com"
               />
               <div className="flex gap-2">
@@ -90,7 +100,7 @@ export const Components: FC = (): ReactElement => {
               type="password"
               placeholder="Ulangi password-mu, Senpai~!"
             />
-            <Button className="w-full mt-2">Linked Start !!!</Button>
+            <Button className="xl:w-full mt-2">Linked Start !!!</Button>
           </div>
         </div>
       </div>
diff --git a/apps/dimentorin/src/app/auth/register/success/page.tsx b/apps/dimentorin/src/app/auth/register/success/page.tsx
index b648e4b..4a59405 100644
--- a/apps/dimentorin/src/app/auth/register/success/page.tsx
+++ b/apps/dimentorin/src/app/auth/register/success/page.tsx
@@ -6,10 +6,10 @@ import { ArrowRightOutlined } from '@ant-design/icons';
 export const Components: FC = (): ReactElement => {
   return (
     <div className="flex flex-col justify-center items-center min-h-screen py-[60px] px-[80px]">
-      <div className="bg-white min-w-[1220px] min-h-[712px] p-10 rounded-2xl shadow-md flex gap-6">
+      <div className="bg-white xl:min-w-[1220px] min-h-[712px] p-10 rounded-2xl shadow-md flex gap-6">
         <RegisterResetBanner />
-        <div className="border-2 border-primary-500/50 w-[696px] rounded-lg py-[32px] px-[48px] flex justify-center bg-primary-50">
-          <div className="w-[704px] flex flex-col justify-center items-center">
+        <div className="border-2 border-primary-500/50 xl:w-[696px] rounded-lg py-[32px] px-[48px] flex justify-center bg-primary-50">
+          <div className="xl:w-[704px] flex flex-col justify-center items-center">
             <h2 className="text-4xl text-primary-500 font-semibold">
               Register Successfull
             </h2>