Added a check up email v

src/components/AuthPages/VerifyLink/index.jsx

@@ -19,7 +19,6 @@ export default function VerifyLink() {
 
     try {
       const verifyRes = await userApi.verifyEmail(code)
-      console.log(verifyRes)
       if (verifyRes.status === 200) {
         let { data } = verifyRes
 
@@ -32,7 +31,6 @@ export default function VerifyLink() {
         }
       }
     } catch (error) {
-      console.log(error)
       setPageLoader(false)
       setLinkError(true)
       throw new Error(error)
@@ -43,8 +41,6 @@ export default function VerifyLink() {
     verifyEmail(token)
   })
 
-  console.log(token)
-
   return (
     <>
       <AuthLayout

src/components/AuthPages/VerifyYou/index.jsx

@@ -1,7 +1,4 @@
-import React from "react";
-import titleShape from "../../../assets/images/shape/text-shape-three.svg";
 import AuthLayout from "../AuthLayout";
-import Otp from "./Otp";
 
 export default function VerifyYou() {
   return (
@@ -9,32 +6,24 @@ export default function VerifyYou() {
       <AuthLayout
         slogan="Welcome to WrenchBoard"
       >
-        <div className="content-wrapper xl:bg-white dark:bg-dark-white   w-full sm:w-auto px-5 xl:px-[70px] 2xl:px-[100px] h-[818px] rounded-xl flex flex-col justify-center">
+        <div className="content-wrapper login dark:bg-dark-white w-full lg:max-w-[500px] 2xl:w-[828px] rounded-xl flex flex-col justify-center sm:p-7 p-5">
-          <div>
+          <div className="w-full">
-            <div className="title-area flex flex-col justify-center items-center relative text-center mb-8">
+            <div className="title-area flex flex-col justify-center items-center relative text-center mb-7">
-              <h1 className="sm:text-5xl text-4xl font-bold leading-[74px]   text-dark-gray dark:text-white">
+              <h1 className="text-[#181c32] font-semibold dark:text-white mb-3" style={{
-                Verification Code
+                fontSize: 'calc(1rem + .6vw)'
+              }}>
+                Verification Sent
               </h1>
-              <div className="shape sm:w-[377px] w-[270px] -mt-5 ml-5">
-                <img src={titleShape} alt="shape" />
-              </div>
             </div>
             <div className="input-area">
-              <Otp />
+              <div className="mb-5">
-              <div className="signin-area mb-3.5">
+                <p className="text-[14px] leading-[19px] text-center text-[#181c32]">
-                <a
+                  To complete the verification process, you should check your email inbox and look for the verification email. It may take a few minutes for the email to arrive, so be patient. Once you receive the email, open it and click on the verification link provided.
-                  href="/update-password"
+                </p>
-                  className="w-full rounded-[50px] h-[58px] mb-6 text-xl text-white font-bold flex justify-center bg-purple items-center"
-                >
-                  Continue
-                </a>
               </div>
-              <div className="resend-code flex justify-center">
+              <div className="mb-5">
-                <p className="text-lg text-thin-light-gray font-normal">
+                <p className="text-[14px] leading-[19px] text-center text-[#181c32]">
-                  Dont’t have an aceount ?
+                  If you haven't received the verification email after a reasonable amount of time, make sure to check your spam or junk mail folder. It's also possible that the email was sent to the wrong email address, so double-check that you entered your email address correctly.
-                  <a href="#" className="ml-2 text-dark-gray dark:text-white font-bold">
-                    Please resend
-                  </a>
                 </p>
               </div>
             </div>