fix: add sending form data

This commit is contained in:
2025-06-11 13:40:10 +03:00
parent 3fd44fba14
commit 53f214ba28
11 changed files with 121 additions and 27 deletions

View File

@@ -9,6 +9,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
import { z } from 'zod';
import bgForm from '@public/images/bg-form.jpg';
import { sendFormFn } from '@shared/api/api.service';
const FormSchema = z.object({
name: z.string().min(3),
@@ -27,7 +28,6 @@ export default function ContactsForm() {
control,
reset,
formState: { errors },
clearErrors,
} = useForm<TForm>({
mode: 'onSubmit',
reValidateMode: 'onBlur',
@@ -36,8 +36,13 @@ export default function ContactsForm() {
});
const onSubmit = async (data: TForm) => {
const payload = {
...data,
form: 'contacts-form',
};
try {
console.log('Form', data);
await sendFormFn(payload);
toast.success('Заявка на консультацию принята');
reset(defaultValues);
} catch (e) {

View File

@@ -8,6 +8,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
import { z } from 'zod';
import man from '@public/images/footer-man.png';
import { sendFormFn } from '@shared/api/api.service';
const FormSchema = z.object({
name: z.string().min(3),
@@ -28,7 +29,6 @@ export default function FooterForm() {
control,
reset,
formState: { errors },
clearErrors,
} = useForm<TForm>({
mode: 'onSubmit',
reValidateMode: 'onBlur',
@@ -37,8 +37,13 @@ export default function FooterForm() {
});
const onSubmit = async (data: TForm) => {
const payload = {
...data,
form: 'footer-form',
};
try {
console.log('Form', data);
await sendFormFn(payload);
toast.success('Заявка на консультацию принята');
reset(defaultValues);
} catch (e) {

View File

@@ -9,6 +9,7 @@ import bgForm from '@public/images/bg-form.jpg';
import { z } from 'zod';
import { Controller, useForm } from 'react-hook-form';
import { zodResolver } from '@hookform/resolvers/zod';
import { sendFormFn } from '@shared/api/api.service';
const FormSchema = z.object({
name: z.string().min(3),
@@ -27,7 +28,6 @@ export default function LicenseForm() {
control,
reset,
formState: { errors },
clearErrors,
} = useForm<TForm>({
mode: 'onSubmit',
reValidateMode: 'onBlur',
@@ -36,8 +36,13 @@ export default function LicenseForm() {
});
const onSubmit = async (data: TForm) => {
const payload = {
...data,
form: 'license-form',
};
try {
console.log('Form', data);
await sendFormFn(payload);
toast.success('Заявка на консультацию принята');
reset(defaultValues);
} catch (e) {

View File

@@ -6,6 +6,7 @@ import { Controller, useForm } from 'react-hook-form';
import { zodResolver } from '@hookform/resolvers/zod';
import { z } from 'zod';
import toast from 'react-hot-toast';
import { sendFormFn } from '@shared/api/api.service';
const FormSchema = z.object({
name: z.string().min(3),
@@ -24,7 +25,6 @@ export default function OfferForm() {
control,
reset,
formState: { errors },
clearErrors,
} = useForm<TForm>({
mode: 'onSubmit',
reValidateMode: 'onBlur',
@@ -33,8 +33,13 @@ export default function OfferForm() {
});
const onSubmit = async (data: TForm) => {
const payload = {
...data,
form: 'offer-form',
};
try {
console.log('Form', data);
await sendFormFn(payload);
toast.success('Заявка на консультацию принята');
reset(defaultValues);
} catch (e) {

View File

@@ -10,6 +10,7 @@ import toast from 'react-hot-toast';
import bgForm from '@public/images/bg-form.jpg';
import { useState } from 'react';
import { sendFormFn } from '@shared/api/api.service';
const FormSchema = z.object({
name: z.string().min(3),
@@ -28,7 +29,6 @@ export default function OfferRequest() {
control,
reset,
formState: { errors },
clearErrors,
} = useForm<TForm>({
mode: 'onSubmit',
reValidateMode: 'onBlur',
@@ -39,8 +39,13 @@ export default function OfferRequest() {
const [inputPhone, setInputPhone] = useState('');
const onSubmitForm = async (data: TForm) => {
const payload = {
...data,
form: 'offer-request-form',
};
try {
console.log('Form', data);
await sendFormFn(payload);
toast.success('Заявка на консультацию принята');
reset(defaultValues);
} catch (e) {
@@ -51,11 +56,13 @@ export default function OfferRequest() {
};
const onSubmitPhone = async (phone: string) => {
const data = {
phone,
const payload = {
phone: phone,
form: 'offer-request-form',
};
try {
console.log('Form', data);
await sendFormFn(payload);
toast.success('Заявка на консультацию принята');
setInputPhone('');
} catch (e) {