From aeff20589bed2b0c2752967263e1919ce420ca96 Mon Sep 17 00:00:00 2001
From: SomeCodecat <88855796+SomeCodecat@users.noreply.github.com>
Date: Thu, 8 May 2025 12:43:24 +0200
Subject: [PATCH] feat: replace login button with a dedicated login form
 component

---
 src/app/login/page.tsx               | 18 ++----------------
 src/components/user/login-button.tsx | 11 -----------
 src/components/user/login-form.tsx   | 24 ++++++++++++++++++++++++
 3 files changed, 26 insertions(+), 27 deletions(-)
 delete mode 100644 src/components/user/login-button.tsx
 create mode 100644 src/components/user/login-form.tsx

diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index eb88f0c..a09aeb1 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -1,8 +1,7 @@
 // /home/max/Git/MeetUp/src/app/login/page.tsx
 import { auth } from '@/auth';
-import LabeledInput from '@/components/labeled-input';
 import SSOLogin from '@/components/user/sso-login-button';
-import Login from '@/components/user/login-button';
+import LoginForm from '@/components/user/login-form';
 import { redirect } from 'next/navigation';
 
 import style from './login.module.css';
@@ -20,20 +19,7 @@ export default async function LoginPage() {
     <div className={style.loginContainer}>
       <h1>Login</h1>
 
-      <form>
-        <LabeledInput
-          type='email'
-          label='E-Mail'
-          placeholder='Enter your E-Mail'
-        />
-        <LabeledInput
-          type='password'
-          label='Password'
-          placeholder='Enter your Password'
-        />
-      </form>
-
-      <Login></Login>
+      <LoginForm></LoginForm>
 
       <hr style={{ width: 230 }} />
 
diff --git a/src/components/user/login-button.tsx b/src/components/user/login-button.tsx
deleted file mode 100644
index aa1cf24..0000000
--- a/src/components/user/login-button.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import Button from '../button';
-
-export default function Login() {
-  return (
-    <form>
-      <Button type='submit' mode='neutral' width={250}>
-        Login
-      </Button>
-    </form>
-  );
-}
diff --git a/src/components/user/login-form.tsx b/src/components/user/login-form.tsx
new file mode 100644
index 0000000..12d1f3e
--- /dev/null
+++ b/src/components/user/login-form.tsx
@@ -0,0 +1,24 @@
+import LabeledInput from '@/components/labeled-input';
+import Button from '../button';
+
+export default function LoginForm() {
+  return (
+    <div>
+      <form>
+        <LabeledInput
+          type='email'
+          label='E-Mail'
+          placeholder='Enter your E-Mail'
+        />
+        <LabeledInput
+          type='password'
+          label='Password'
+          placeholder='Enter your Password'
+        />
+        <Button type='submit' mode='neutral' width={250}>
+          Login
+        </Button>
+      </form>
+    </div>
+  );
+}