fix: add agreement
This commit is contained in:
@@ -27,3 +27,20 @@
|
||||
line-height: 100%;
|
||||
color: $color-text;
|
||||
}
|
||||
|
||||
.Agreement {
|
||||
font-family: $font-open-sans;
|
||||
font-weight: $font-regular;
|
||||
font-size: rem(14px);
|
||||
line-height: 100%;
|
||||
color: $color-text;
|
||||
|
||||
a {
|
||||
color: $color-orange;
|
||||
|
||||
&:hover {
|
||||
color: $color-orange-hover;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,6 +1,6 @@
|
||||
import s from './styles.module.scss';
|
||||
import { Button, Input } from '@/shared/ui';
|
||||
import { Checkbox, PhoneInput, TextArea } from '@shared/ui';
|
||||
import { PhoneInput, TextArea } from '@shared/ui';
|
||||
import { z } from 'zod';
|
||||
import { isValidPhoneNumber } from 'libphonenumber-js/min';
|
||||
import { Controller, useForm } from 'react-hook-form';
|
||||
@@ -9,6 +9,7 @@ import { sendFormFn } from '@shared/api/api.service';
|
||||
import toast from 'react-hot-toast';
|
||||
import { ModalContent } from '@shared/ui/modal/modal-content';
|
||||
import { useModal } from '@core/providers/modal-provider';
|
||||
import Link from 'next/link';
|
||||
|
||||
const FormSchema = z.object({
|
||||
name: z
|
||||
@@ -126,7 +127,11 @@ function ConsultationModal({}: ConsultationModalProps) {
|
||||
/>
|
||||
)}
|
||||
/>
|
||||
<Checkbox label={'asdasdasdad'} />
|
||||
<span className={s.Agreement}>
|
||||
Нажимая на кнопку, вы даете согласие на обработку своих персональных
|
||||
данных и соглашаетесь с
|
||||
<Link href={'/privacy-policy'}> Политикой конфиденциальности</Link>
|
||||
</span>
|
||||
<Button className={s.SendBtn} variant='orange'>
|
||||
Отправить
|
||||
</Button>
|
||||
|
||||
@@ -46,13 +46,13 @@
|
||||
top: 0;
|
||||
height: auto;
|
||||
|
||||
@include iftablet{
|
||||
display: block;
|
||||
right: rem(40px);
|
||||
width: rem(130px);
|
||||
}
|
||||
//@include iftablet{
|
||||
// right: rem(40px);
|
||||
// width: rem(130px);
|
||||
//}
|
||||
|
||||
@include iflaptop{
|
||||
display: block;
|
||||
right: rem(80px);
|
||||
width: rem(150px);
|
||||
}
|
||||
|
||||
@@ -11,6 +11,7 @@ import { z } from 'zod';
|
||||
import bgForm from '@public/images/bg-form.jpg';
|
||||
import { sendFormFn } from '@shared/api/api.service';
|
||||
import { isValidPhoneNumber } from 'libphonenumber-js/min';
|
||||
import Link from 'next/link';
|
||||
|
||||
const FormSchema = z.object({
|
||||
name: z
|
||||
|
||||
@@ -36,6 +36,23 @@
|
||||
}
|
||||
}
|
||||
|
||||
.Agreement {
|
||||
font-family: $font-open-sans;
|
||||
font-weight: $font-regular;
|
||||
font-size: rem(14px);
|
||||
line-height: 100%;
|
||||
color: $color-darkgray;
|
||||
|
||||
a {
|
||||
color: $color-orange;
|
||||
|
||||
&:hover {
|
||||
color: $color-orange-hover;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.SendBtn {
|
||||
align-self: flex-end;
|
||||
max-width: 33%;
|
||||
|
||||
@@ -8,6 +8,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
|
||||
import { z } from 'zod';
|
||||
import { sendFormFn } from '@shared/api/api.service';
|
||||
import { isValidPhoneNumber } from 'libphonenumber-js/min';
|
||||
import Link from 'next/link';
|
||||
|
||||
const FormSchema = z.object({
|
||||
name: z
|
||||
@@ -116,6 +117,11 @@ export default function FooterForm() {
|
||||
/>
|
||||
)}
|
||||
/>
|
||||
<span className={s.Agreement}>
|
||||
Нажимая на кнопку, вы даете согласие на обработку своих персональных
|
||||
данных и соглашаетесь с
|
||||
<Link href={'/privacy-policy'}> Политикой конфиденциальности</Link>
|
||||
</span>
|
||||
<Button className={s.SendBtn} variant='orange' fullWidth>
|
||||
Отправить
|
||||
</Button>
|
||||
|
||||
@@ -8,6 +8,7 @@ import { z } from 'zod';
|
||||
import toast from 'react-hot-toast';
|
||||
import { sendFormFn } from '@shared/api/api.service';
|
||||
import { isValidPhoneNumber } from 'libphonenumber-js/min';
|
||||
import Link from 'next/link';
|
||||
|
||||
const FormSchema = z.object({
|
||||
name: z
|
||||
|
||||
Reference in New Issue
Block a user