From 5cea38fb6839a9cb16154790353585418c0236ff Mon Sep 17 00:00:00 2001
From: Ayush <asharma7588@gmail.com>
Date: Wed, 23 Oct 2024 20:16:34 +0530
Subject: [PATCH] login button working

---
 client/src/component/Login.jsx | 50 +++++++++++++++++++---------------
 1 file changed, 28 insertions(+), 22 deletions(-)

diff --git a/client/src/component/Login.jsx b/client/src/component/Login.jsx
index 53400ac..95e8bf5 100644
--- a/client/src/component/Login.jsx
+++ b/client/src/component/Login.jsx
@@ -55,7 +55,7 @@ const Login = ({ mode, showAlert }) => {
 
   return (
     <div
-      className='wrapper'
+      className="wrapper"
       style={{
         backgroundColor: mode === "dark" ? "black" : "white",
         color: mode === "dark" ? "white" : "black",
@@ -63,23 +63,23 @@ const Login = ({ mode, showAlert }) => {
     >
       <form
         onSubmit={handleSubmit}
-        className='form'
+        className="form"
         style={{
           backgroundColor: mode === "dark" ? "black" : "white",
           color: mode === "dark" ? "white" : "black",
         }}
       >
-        <h1 className='title'>Login</h1>
-        <span className='title-line'></span>
-        <div className='inp'>
+        <h1 className="title">Login</h1>
+        <span className="title-line"></span>
+        <div className="inp">
           <Input
             prefix={<UserOutlined />}
-            type='email'
-            placeholder='Email'
-            name='email'
+            type="email"
+            placeholder="Email"
+            name="email"
             value={credentials.email}
             onChange={onChange}
-            autoComplete='on'
+            autoComplete="on"
             required
             style={{
               backgroundColor: mode === "dark" ? "black" : "white",
@@ -88,14 +88,14 @@ const Login = ({ mode, showAlert }) => {
           />
         </div>
 
-        <div className='inp'>
+        <div className="inp">
           <Input.Password
             prefix={<LockOutlined />}
-            placeholder='Password'
-            name='password'
+            placeholder="Password"
+            name="password"
             value={credentials.password}
             onChange={onChange}
-            autoComplete='on'
+            autoComplete="on"
             iconRender={(visible) =>
               visible ? <EyeTwoTone /> : <EyeInvisibleOutlined />
             }
@@ -107,19 +107,25 @@ const Login = ({ mode, showAlert }) => {
           />
         </div>
 
-        <Button className='submit' type='submit' disabled={loading}>
-          {loading ? <Spin size='small' /> : "Login"}
-        </Button>
+        <button
+          className="submit"
+          disabled={loading}
+          onClick={() => {
+            handleSubmit();
+          }}
+        >
+          {loading ? <Spin size="small" /> : "Login"}
+        </button>
 
         <p
-          className='footer'
+          className="footer"
           style={{
             backgroundColor: mode === "dark" ? "black" : "white",
             color: mode === "dark" ? "white" : "black",
           }}
         >
           Don&apos;t have an account?
-          <Link className='link' to='/Signup'>
+          <Link className="link" to="/Signup">
             {" "}
             Sign Up
           </Link>
@@ -128,15 +134,15 @@ const Login = ({ mode, showAlert }) => {
         <Button
           style={{ backgroundColor: "#6366f1", color: "#FFFFFF" }}
           onClick={() => navigate("/forgot-password")}
-          className='mt-3'
+          className="mt-3"
         >
           Forgot Password?
         </Button>
       </form>
 
-      <div className='banner'>
+      <div className="banner">
         <h1
-          className='wel_text'
+          className="wel_text"
           style={{
             color: mode === "dark" ? "black" : "white",
           }}
@@ -146,7 +152,7 @@ const Login = ({ mode, showAlert }) => {
           BACK!
         </h1>
         <p
-          className='para'
+          className="para"
           style={{
             color: mode === "dark" ? "black" : "white",
           }}