-
+
+
)
}
+
+const useI18n = () => {
+ const lang = 'ru'
+
+ return (key: keyof (typeof translations)['ru']) => {
+ return translations[lang][key]
+ }
+}
+
+const translations = {
+ ru: {
+ ERROR_INVALID_EMAIL: 'Введите валидный адрес эл. почты',
+ },
+ en: {
+ ERROR_INVALID_EMAIL: 'Invalid email',
+ },
+} as const
diff --git a/src/pages/auth/sign-up.tsx b/src/pages/auth/sign-up.tsx
index 17966aa..f1d987d 100644
--- a/src/pages/auth/sign-up.tsx
+++ b/src/pages/auth/sign-up.tsx
@@ -1,3 +1,106 @@
+import { z } from 'zod'
+import { TextField } from '@/components/ui/text-field/text-field'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { FormCheckbox } from '@/components/form/form-checkbox'
+
+const signUpSchema = z
+ .object({
+ username: z.string(),
+ email: z.string().email(),
+ password: z.string(),
+ passwordConfirmation: z.string(),
+ agreesToTOS: z.literal(true, {
+ errorMap: () => ({ message: 'You have to accept our terms of service' }),
+ }),
+ })
+ .refine((value) => value.password === value.passwordConfirmation, {
+ message: 'Passwords do not match',
+ path: ['passwordConfirmation'],
+ })
+
+type SignUpFields = z.infer
+
export default function SignUp() {
- return SignUp
+ const {
+ register,
+ handleSubmit,
+ formState: { errors },
+ control,
+ } = useForm({
+ resolver: zodResolver(signUpSchema),
+ })
+ const onSubmit = handleSubmit((data) => {
+ console.log(data)
+ })
+ console.log('render')
+ return (
+
+ )
}