From c2f9b4bff66fb50510e55767dd39284658c83132 Mon Sep 17 00:00:00 2001
From: Raihanullah Shamsi <73234279+Rehan959@users.noreply.github.com>
Date: Wed, 14 Jan 2026 08:52:03 +0530
Subject: [PATCH] fixed the issue 135

---
 .../src/shared/component/v1/LoginPage.tsx     | 85 +++++++++++++++++++
 1 file changed, 85 insertions(+)
 create mode 100644 LocalMind-Frontend/src/shared/component/v1/LoginPage.tsx

diff --git a/LocalMind-Frontend/src/shared/component/v1/LoginPage.tsx b/LocalMind-Frontend/src/shared/component/v1/LoginPage.tsx
new file mode 100644
index 0000000..d3189a7
--- /dev/null
+++ b/LocalMind-Frontend/src/shared/component/v1/LoginPage.tsx
@@ -0,0 +1,85 @@
+import React, { useState } from 'react'
+import { useNavigate } from 'react-router-dom'
+
+interface ApiService {
+  login: (
+    email: string,
+    password: string
+  ) => Promise<{ success: boolean; data?: unknown; error?: string }>
+}
+
+interface LoginPageProps {
+  apiService: ApiService
+}
+
+const LoginPage: React.FC<LoginPageProps> = ({ apiService }) => {
+  const [email, setEmail] = useState('')
+  const [password, setPassword] = useState('')
+  const [error, setError] = useState('')
+  const navigate = useNavigate()
+
+  const handleLogin = async () => {
+    try {
+      setError('')
+      const response = await apiService.login(email, password)
+
+      if (response.success) {
+        navigate('/dashboard')
+      } else {
+        setError(response.error || 'Login failed')
+      }
+    } catch (err) {
+      setError('An error occurred during login')
+      console.error(err)
+    }
+  }
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault()
+    handleLogin()
+  }
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-zinc-900">
+      <form
+        onSubmit={handleSubmit}
+        className="bg-zinc-800 p-8 rounded-lg border border-zinc-500/50"
+      >
+        <h2 className="text-2xl font-bold text-white mb-6">Login</h2>
+
+        {error && <div className="bg-red-500/20 text-red-400 p-3 rounded mb-4">{error}</div>}
+
+        <div className="mb-4">
+          <label className="block text-white mb-2">Email</label>
+          <input
+            type="email"
+            value={email}
+            onChange={e => setEmail(e.target.value)}
+            className="w-full bg-zinc-700 text-white px-4 py-2 rounded"
+            required
+          />
+        </div>
+
+        <div className="mb-6">
+          <label className="block text-white mb-2">Password</label>
+          <input
+            type="password"
+            value={password}
+            onChange={e => setPassword(e.target.value)}
+            className="w-full bg-zinc-700 text-white px-4 py-2 rounded"
+            required
+          />
+        </div>
+
+        <button
+          type="submit"
+          className="w-full bg-blue-600 text-white py-2 rounded hover:bg-blue-700 transition-colors"
+        >
+          Login
+        </button>
+      </form>
+    </div>
+  )
+}
+
+export default LoginPage