"use client"; import { InputForm } from '@/components/Form/inputForm'; import { Form, Formik, FormikProps } from 'formik'; import React, { useState } from 'react'; import { getTranslation } from '../../../../i18n'; import { useRouter } from 'next/navigation'; import Link from 'next/link'; import { toast } from 'react-toastify'; import { useUserCreateMutation } from '@/services/user'; // export const metadata: Metadata = { // title: 'Sales Admin', // }; export interface FormValues { username: string; fullName: string; password: string; email: string; } const Page = () => { const router = useRouter(); const { t } = getTranslation(); const [isShowPassword, setIsShowPassword] = useState(true); const [Register, { isLoading }] = useUserCreateMutation(); return

{t('signIn')}

{t("log-in-to-your-account-to-access-the-driving-test-platform")}
initialValues={{ fullName: "", username: '', email: '', password: '', }} onSubmit={async (values) => { try { var formData = new FormData(); formData.append("role", "user"); formData.append("username", values.username); formData.append("fullName", values.fullName); formData.append("email", values.email); formData.append("password", values.password); const data = await Register(formData).unwrap(); if (data.success) { router.push('/signIn') } else if (data.message) { return toast.error(data.message, { autoClose: 3000 }); } } catch (error: any) { console.log("error", error); if (error && error.message) { return toast.error(error.message, { autoClose: 3000 }); } toast.error(JSON.stringify(error), { autoClose: 3000 }); } }} > {(props: FormikProps) => (
{ setIsShowPassword((isShowPassword) => !isShowPassword); }} > {isShowPassword ? ( ) : ( )} } className="text-black text-opacity-90 text-sm font-normal font-['Alexandria'] leading-[21px] h-14 bg-white rounded-[63px] border border-zinc-300" formikProps={props} name={'password'} title={t('password')} placeholder={t('enter-password')} props={{ type: isShowPassword ? 'password' : 'text' }} />
{t("i-have-an-account")} {t("signIn")}
)}
; }; export default Page;