added the rest

src/Routers.jsx

@@ -49,8 +49,8 @@ export default function Routers() {
           path="/update-password"
           element={<UpdatePasswordPages />}
         />
+        <Route path="/vemail" element={<VerifyLinkPages />} />
         <Route exact path="/verify-you" element={<VerifyYouPages />} />
-        <Route path={`/vemail?`} element={<VerifyLinkPages />} />
 
         {/* private route */}
         <Route element={<AuthRoute />}>

src/components/AuthPages/Login/index.jsx

@@ -67,7 +67,6 @@ export default function Login() {
           setLoginLoading(true);
           // userApi.getUserReminders(); //testing
           setTimeout(() => {
-            toast.success("Login Successfully");
             navigate("/", { replace: true });
             setLoginLoading(false);
           }, 2000);

src/components/AuthPages/VerifyLink/index.jsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useState, useLayoutEffect, useCallback } from "react";
 import { useLocation, Link, useNavigate } from "react-router-dom";
 import AuthLayout from "../AuthLayout";
 import InputCom from "../../Helpers/Inputs/InputCom";
@@ -14,31 +14,33 @@ export default function VerifyLink() {
   const queryParams = new URLSearchParams(location?.search)
   const token = queryParams.get('vlink')
 
-  const verifyEmail = async (code) => {
+  const verifyEmail = useCallback(
-    const userApi = new usersService()
+    async (code) => {
+      const userApi = new usersService()
   
-    try {
+      try {
-      const verifyRes = await userApi.verifyEmail(code)
+        const verifyRes = await userApi.verifyEmail(code)
-      if (verifyRes.status === 200) {
+        if (verifyRes.status === 200) {
-        let { data } = verifyRes
+          let { data } = verifyRes
   
-        if (data && data.internal_return === 0 && data.status_text === 'Link Verfied') {
+          if (data && data.internal_return === 0 && data.status_text === 'Link Verfied') {
-          setPageLoader(false)
+            setPageLoader(false)
-          setLinkSuccess(true)
+            setLinkSuccess(true)
-        } else {
+          } else {
-          setPageLoader(false)
+            setPageLoader(false)
-          setLinkError(true)
+            setLinkError(true)
+          }
+          console.log(data)
         }
-        console.log(data)
+      } catch (error) {
+        setPageLoader(false)
+        setLinkError(true)
+        throw new Error(error)
       }
-    } catch (error) {
+    }, []
-      setPageLoader(false)
+  )
-      setLinkError(true)
-      throw new Error(error)
-    }
-  }
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     verifyEmail(token)
   })