Add family acc

src/components/AuthPages/Login/index.jsx

@@ -1,15 +1,14 @@
 import React, { useState } from "react";
-import { useNavigate, Link } from "react-router-dom";
-import { toast } from "react-toastify";
-import googleLogo from "../../../assets/images/google-logo.svg";
+import { Link, useNavigate } from "react-router-dom";
 import appleLogo from "../../../assets/images/apple-black.svg";
 import facebookLogo from "../../../assets/images/facebook-4.svg";
+import googleLogo from "../../../assets/images/google-logo.svg";
 import WrenchBoard from "../../../assets/images/wrenchboard.png";
 import usersService from "../../../services/UsersService";
 import InputCom from "../../Helpers/Inputs/InputCom";
 import AuthLayout from "../AuthLayout";
 
-import { useDispatch, useSelector } from "react-redux";
+import { useDispatch } from "react-redux";
 import { updateUserDetails } from "../../../store/UserDetails";
 
 export default function Login() {
@@ -73,7 +72,7 @@ export default function Login() {
           setLoginError(true);
         }
       } else {
-        setMsgError("Please fill in fields");
+        setMsgError("Please fill in the fields");
       }
     } catch (error) {
       setMsgError("An error occurred");
@@ -117,6 +116,7 @@ export default function Login() {
               <div className="input-area">
                 <div className="input-item mb-5">
                   <InputCom
+                    fieldClass="px-6"
                     value={email}
                     inputHandler={handleEmail}
                     placeholder="support@mermsemr.com"
@@ -129,6 +129,7 @@ export default function Login() {
 
                 <div className="input-item mb-5">
                   <InputCom
+                    fieldClass="px-6"
                     value={password}
                     inputHandler={handlePassword}
                     placeholder="● ● ● ● ● ●"
@@ -139,39 +140,6 @@ export default function Login() {
                     forgotPassword
                   />
                 </div>
-                {/* <div className="forgot-password-area flex justify-between items-center mb-7">
-                <div className="remember-checkbox flex items-center space-x-2.5">
-                  <button
-                    onClick={rememberMe}
-                    type="button"
-                    className="w-5 h-5 text-dark-gray dark:text-white flex justify-center items-center border border-light-gray"
-                  >
-                    {checked && (
-                      <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        className="h-5 w-5"
-                        viewBox="0 0 20 20"
-                        fill="currentColor"
-                      >
-                        <path
-                          fillRule="evenodd"
-                          d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
-                          clipRule="evenodd"
-                        />
-                      </svg>
-                    )}
-                  </button>
-                  <span
-                    onClick={rememberMe}
-                    className="text-base text-dark-gray dark:text-white"
-                  >
-                    Remember Me
-                  </span>
-                </div>
-                <a href="/forgot-password" className="text-base text-purple">
-                  Forgot Password
-                </a>
-              </div> */}
                 {loginError && (
                   <div className="relative p-4 text-[#912741] bg-[#fcd9e2] border-[#fbc6d3] mb-4 rounded-[0.475rem] text-md font-thin leading-[19.5px] text-[13px]">
                     Invalid username or password- Please{" "}