Add sign up funtion, confirm email layout

This commit is contained in:
anime committed 2024-08-21 12:37:06 +06:00
1 parent 769ea33a46
commit 52c9f9a3b1
11 files changed
+511 -125

No files matched your search

@@ -0,0 +1,14 @@
<svg width="24.000000" height="24.000000" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<desc>
Created with Pixso.
</desc>
<defs>
<clipPath id="clip55_8430">
<rect id="mail" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
</clipPath>
</defs>
<rect id="mail" width="24.000000" height="24.000000" fill="#FFFFFF" fill-opacity="0"/>
<g clip-path="url(#clip55_8430)">
<path id="Icon" d="M20 4C21.0996 4 22 4.90039 22 6L22 18C22 19.0996 21.0996 20 20 20L4 20C2.90039 20 2 19.0996 2 18L2 6C2 4.90039 2.90039 4 4 4L20 4ZM22 6L12 13L2 6" stroke="#489FE1" stroke-opacity="1.000000" stroke-width="2.000000" stroke-linejoin="round"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 739 B

@@ -0,0 +1,34 @@
import Image from "next/image";
import mail from "./icons/mail.svg";
import ConfirmEmailForm from "@/widgets/forms/ConfirmEmailForm/ConfirmEmailForm";
const ConfirmEmail = ({
searchParams,
}: {
searchParams: {
email: string;
};
}) => {
return (
<div className="py-[40px] px-[90px]">
<div className="h-full min-h-[800px] w-full flex justify-center">
<div className="flex items-center flex-col gap-6">
<div className="min-w-[60px] min-h-[60px] flex items-center justify-center rounded-full border-2 border-blue">
<Image src={mail} alt="Mail icon" width={36} height={36} />
</div>
<div className="mb-2 flex flex-col items-center gap-2 text-center">
<h2 className="text-6 font-bold leading-8 text-gray-900">
Проверьте свою почту
</h2>
<p className="leading-6 text-gray-500">
Мы отправили код на почту {searchParams.email}
</p>
</div>
<ConfirmEmailForm email={searchParams.email} />
</div>
</div>
</div>
);
};
export default ConfirmEmail;