refactor: enforce frontend view model boundaries

src/features/auth/ui/AuthForm/AuthForm.tsx

@@ -11,7 +11,7 @@ import {
 	type AuthFormValues,
 	loginSchema,
 	registerSchema,
-} from "../../model/validation";
+} from "../../model/auth.schema";
 import classes from "./AuthForm.module.css";
 
 type AuthFormProps = {
@@ -23,26 +23,33 @@ const AuthForm: FC<AuthFormProps> = (props) => {
 	const { onSubmit, register } = props;
 	const { t } = useTranslation();
 	const schema = register ? registerSchema : loginSchema;
+
 	const methods = useForm<AuthFormValues>({
 		resolver: zodResolver(schema) as Resolver<AuthFormValues>,
 	});
+
 	const {
 		formState: { errors, isSubmitting },
 	} = methods;
+
 	const [submitError, setSubmitError] = useState<null | string>(null);
+
+	const onSubmit2 = methods.handleSubmit(async (values) => {
+		setSubmitError(null);
+
+		try {
+			await onSubmit(values.email, values.password);
+		}
+		catch {
+			setSubmitError(t("auth.requestError"));
+		}
+	});
+
+	const to = register ? "/login" : "/register";
+
 	return (
 		<FormProvider {...methods}>
-			<form
-				onSubmit={methods.handleSubmit(async (values) => {
-					setSubmitError(null);
-					try {
-						await onSubmit(values.email, values.password);
-					}
-					catch {
-						setSubmitError(t("auth.requestError"));
-					}
-				})}
-			>
+			<form onSubmit={onSubmit2}>
 				<fieldset className={classes.fieldset} disabled={isSubmitting}>
 					<Stack>
 						<TextInput
@@ -50,11 +57,13 @@ const AuthForm: FC<AuthFormProps> = (props) => {
 							{...methods.register("email")}
 							error={errors.email?.message as string}
 						/>
+
 						<PasswordInput
 							label={t("auth.password")}
 							{...methods.register("password")}
 							error={errors.password?.message as string}
 						/>
+
 						{register && (
 							<PasswordInput
 								label={t("auth.passwordConfirmation")}
@@ -62,15 +71,14 @@ const AuthForm: FC<AuthFormProps> = (props) => {
 								error={errors.passwordConfirmation?.message as string}
 							/>
 						)}
+
 						{submitError && <Alert color="red">{submitError}</Alert>}
+
 						<Button loading={isSubmitting} type="submit">
 							{t(register ? "auth.register" : "auth.login")}
 						</Button>
-						<Button
-							component={Link}
-							to={register ? "/login" : "/register"}
-							variant="subtle"
-						>
+
+						<Button component={Link} to={to} variant="subtle">
 							{t(register ? "auth.haveAccount" : "auth.noAccount")}
 						</Button>
 					</Stack>