Merge pull request #30 from ShivaniNikam1/main

Added "Already have an account then login" link to Signup page and vice versa closes: #21
dhairyagothi · Oct 2, 2024 · 89166c3 · 89166c3
2 parents baab1ee + 362517f
commit 89166c3
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/frontend/src/Pages/LoginPage.jsx b/frontend/src/Pages/LoginPage.jsx
@@ -56,6 +56,14 @@ const Login = () => {
                     Login
                 </button>
             </form>
+
+            {/* Don't have an account link */}
+            <p className="mt-4 text-gray-600">
+                <span>Don't have an account? </span>
+                <a href="/register" className="text-blue-500 font-semibold hover:underline transition duration-300 ease-in-out transform hover:scale-105">
+                    Register
+                </a>
+            </p>
         </div>
     );
 };

diff --git a/frontend/src/Pages/Register.jsx b/frontend/src/Pages/Register.jsx
@@ -14,7 +14,7 @@ const Register = () => {
         <div className="flex flex-col items-center justify-center min-h-screen bg-gray-100">
             <h2 className="text-3xl font-bold mb-6">Register New User</h2>
             <form onSubmit={handleRegister} className="bg-white p-6 rounded-lg shadow-md w-full max-w-sm">
-                
+
                 {/* Name Input */}
                 <div className="mb-4">
                     <label className="block text-gray-700 font-bold mb-2" htmlFor="name">Name</label>
@@ -74,11 +74,18 @@ const Register = () => {
                 {/* Register Button */}
                 <button
                     type="submit"
-                    className="w-full bg-green-500 text-white py-2 rounded-lg font-semibold hover:bg-green-600 transition-colors"
+                    className="w-full bg-blue-500 text-white py-2 rounded-lg font-semibold hover:bg-green-600 transition-colors"
                 >
                     Register
                 </button>
             </form>
+            {/* Already have an account link */}
+            <p className="mt-4">
+                <span className="text-gray-600">Already have an account? </span>
+                <a href="/login" className="text-blue-500 font-semibold hover:underline transition duration-300 ease-in-out transform hover:scale-105">
+                    Log in
+                </a>
+            </p>
         </div>
     );
 };