LogIn underline now straight

src/assets/images/shape/title-shape.svg

@@ -1,5 +1,5 @@
 <svg width="174" height="31" viewBox="0 0 174 31" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1 17.9998C10.5 7.5 56.6856 24.9909 78 28C120.5 34 162 24 173 1" stroke="url(#paint0_linear_4_1797)" stroke-width="2" stroke-linecap="round"/>
+<path d="M0,0 173,0" stroke="url(#paint0_linear_4_1797)" stroke-width="4" stroke-linecap="round"/>
 <defs>
 <linearGradient id="paint0_linear_4_1797" x1="1" y1="1" x2="11.0515" y2="59.9411" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F539F8"/>
@@ -7,4 +7,4 @@
 <stop offset="1" stop-color="#5356FB"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

src/components/AuthPages/Login/index.jsx

@@ -9,10 +9,6 @@ import AuthLayout from "../AuthLayout";
 export default function Login() {
   const [checked, setValue] = useState(false);
   const [loginLoading, setLoginLoading] = useState(false);
-
-  //login error state
-  const [loginError, setLoginError] = useState(false);
-
   const rememberMe = () => {
     setValue(!checked);
   };
@@ -39,8 +35,7 @@ export default function Login() {
           setLoginLoading(false);
         }, 2000);
       } else {
-        // toast.error("Invalid Credential");
-        setLoginError(true)
+        toast.error("Invalid Credential");
       }
     }
   };
@@ -56,7 +51,7 @@ export default function Login() {
               <h1 className="text-5xl font-bold leading-[74px]   text-dark-gray dark:text-white">
                 Log In
               </h1>
-              <div className="shape -mt-5">
+              <div className="shape">
                 <img src={titleShape} alt="shape" />
               </div>
             </div>
@@ -107,7 +102,7 @@ export default function Login() {
                   </button>
                   <span
                     onClick={rememberMe}
-                    className="text-base text-dark-gray dark:text-white"
+                    className="text-base   text-dark-gray dark:text-white"
                   >
                     Remember Me
                   </span>
@@ -121,9 +116,8 @@ export default function Login() {
                   <button
                     onClick={doLogin}
                     type="button"
-                    className={`btn-login  rounded-[50px] mb-6 text-xl text-white font-bold flex justify-center bg-purple items-center ${
-                      loginLoading ? "active" : ""
-                    }`}
+                    className={`btn-login  rounded-[50px] mb-6 text-xl text-white font-bold flex justify-center bg-purple items-center ${loginLoading ? "active" : ""
+                      }`}
                   >
                     {loginLoading ? (
                       <div className="signup btn-loader"></div>
@@ -132,7 +126,6 @@ export default function Login() {
                     )}
                   </button>
                 </div>
-                {loginError && <p class="text-center text-red-600 pb-4">Invalid Credential</p>}
                 <a
                   href="#"
                   className="w-full border border-light-purple dark:border-[#5356fb29]  rounded-[50px] h-[58px] flex justify-center bg-[#FAFAFA] dark:bg-[#11131F]  items-center"
@@ -157,4 +150,4 @@ export default function Login() {
       </AuthLayout>
     </>
   );
-}
+}