Added a check up email v

This commit is contained in:
Ebube
2023-04-27 02:28:59 +01:00
parent c87fc4f32d
commit 3ed764e8f4
2 changed files with 14 additions and 29 deletions
@@ -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
+14 -25
View File
@@ -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>
<div className="title-area flex flex-col justify-center items-center relative text-center mb-8">
<h1 className="sm:text-5xl text-4xl font-bold leading-[74px] text-dark-gray dark:text-white">
Verification Code
<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 className="w-full">
<div className="title-area flex flex-col justify-center items-center relative text-center mb-7">
<h1 className="text-[#181c32] font-semibold dark:text-white mb-3" style={{
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="signin-area mb-3.5">
<a
href="/update-password"
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 className="mb-5">
<p className="text-[14px] leading-[19px] text-center text-[#181c32]">
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.
</p>
</div>
<div className="resend-code flex justify-center">
<p className="text-lg text-thin-light-gray font-normal">
Dontt have an aceount ?
<a href="#" className="ml-2 text-dark-gray dark:text-white font-bold">
Please resend
</a>
<div className="mb-5">
<p className="text-[14px] leading-[19px] text-center text-[#181c32]">
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.
</p>
</div>
</div>