src/pages/authentication/LoginPage.jsx

@@ -16,13 +16,13 @@ const LoginPage = () => {
 
   const loginSchema = IsLoginWithOTP
     ? z.object({
-        username: z.string().email({ message: "Valid email required" }),
+      username: z.string().trim().email({ message: "Valid email required" }),
-      })
+    })
     : z.object({
-        username: z.string().email({ message: "Valid email required" }),
+      username: z.string().trim().email({ message: "Valid email required" }),
-        password: z.string().min(1, { message: "Password required" }),
+      password: z.string().trim().min(1, { message: "Password required" }),
-        rememberMe: z.boolean(),
+      rememberMe: z.boolean(),
-      });
+    });
 
   const {
     register,
@@ -114,9 +114,8 @@ const LoginPage = () => {
                   <input
                     type={hidepass ? "password" : "text"}
                     id="password"
-                    className={`form-control ${
+                    className={`form-control ${errors.password ? "is-invalid" : ""
-                      errors.password ? "is-invalid" : ""
+                      }`}
-                    }`}
                     placeholder="••••••••"
                     {...register("password")}
                   />
@@ -169,8 +168,8 @@ const LoginPage = () => {
             {loading
               ? "Please Wait..."
               : IsLoginWithOTP
-              ? "Send OTP"
+                ? "Send OTP"
-              : "Sign In"}
+                : "Sign In"}
           </button>
 
           {/* Login With OTP Button */}