forked from Transparency/kgroad-frontend2
Merge branch 'ali' into release005
This commit is contained in:
Vladislav Khorev
commit
d9ac888d48
@ -45,6 +45,8 @@
|
|||||||
"navigation": {
|
"navigation": {
|
||||||
"home": "Home",
|
"home": "Home",
|
||||||
"about_us": "About Us",
|
"about_us": "About Us",
|
||||||
|
"privacy": "Privacy Policy",
|
||||||
|
"support": "Support",
|
||||||
"statistics": "Statistics",
|
"statistics": "Statistics",
|
||||||
"news": "News",
|
"news": "News",
|
||||||
"volunteers": "Volunteers",
|
"volunteers": "Volunteers",
|
||||||
|
|||||||
@ -45,6 +45,8 @@
|
|||||||
"navigation": {
|
"navigation": {
|
||||||
"home": "Башкы бет",
|
"home": "Башкы бет",
|
||||||
"about_us": "Биз тууралуу",
|
"about_us": "Биз тууралуу",
|
||||||
|
"privacy": "Купуялык саясаты",
|
||||||
|
"support": "Колдоо",
|
||||||
"statistics": "Статистика",
|
"statistics": "Статистика",
|
||||||
"news": "Жаңылыктар",
|
"news": "Жаңылыктар",
|
||||||
"volunteers": "Волонтёрлер",
|
"volunteers": "Волонтёрлер",
|
||||||
|
|||||||
@ -45,6 +45,8 @@
|
|||||||
"navigation": {
|
"navigation": {
|
||||||
"home": "Главная",
|
"home": "Главная",
|
||||||
"about_us": "О нас",
|
"about_us": "О нас",
|
||||||
|
"privacy": "Политика конфиденциальности",
|
||||||
|
"support": "Поддержка",
|
||||||
"statistics": "Статистика",
|
"statistics": "Статистика",
|
||||||
"news": "Новости",
|
"news": "Новости",
|
||||||
"volunteers": "Волонтеры",
|
"volunteers": "Волонтеры",
|
||||||
|
|||||||
102
src/app/[locale]/privacy/Privacy.scss
Normal file
102
src/app/[locale]/privacy/Privacy.scss
Normal file
@ -0,0 +1,102 @@
|
|||||||
|
.privacy {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
width: fit-content;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__image {
|
||||||
|
align-self: center;
|
||||||
|
margin-bottom: 65px;
|
||||||
|
border-radius: 12px;
|
||||||
|
max-width: 1072px;
|
||||||
|
width: 100%;
|
||||||
|
height: 598px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 29px;
|
||||||
|
color: rgb(62, 50, 50);
|
||||||
|
}
|
||||||
|
|
||||||
|
&__descriptions {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 20px;
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 34px;
|
||||||
|
color: rgb(62, 50, 50);
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 20px;
|
||||||
|
li {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 34px;
|
||||||
|
color: rgb(62, 50, 50);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__author {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.privacy {
|
||||||
|
h2 {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
height: 392px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__descriptions {
|
||||||
|
gap: 16px;
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 34px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 550px) {
|
||||||
|
.privacy {
|
||||||
|
h2 {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
height: 231px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__descriptions {
|
||||||
|
p {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 140%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
12
src/app/[locale]/privacy/assets/header.svg
Normal file
12
src/app/[locale]/privacy/assets/header.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 332 KiB |
114
src/app/[locale]/privacy/page.tsx
Normal file
114
src/app/[locale]/privacy/page.tsx
Normal file
@ -0,0 +1,114 @@
|
|||||||
|
import Typography from "@/shared/ui/components/Typography/Typography";
|
||||||
|
import "./Privacy.scss";
|
||||||
|
import Image from "next/image";
|
||||||
|
import header from "./assets/header.svg";
|
||||||
|
import { Metadata } from "next";
|
||||||
|
import BreadCrumbs from "@/features/BreadCrumbs/BreadCrumbs";
|
||||||
|
import { apiInstance } from "@/shared/config/apiConfig";
|
||||||
|
import { IMetatag } from "@/shared/types/metatag-type";
|
||||||
|
|
||||||
|
export async function generateMetadata(): Promise<Metadata> {
|
||||||
|
const data = await apiInstance
|
||||||
|
.get<IMetatag[]>("/metatags/")
|
||||||
|
.then((res) => res.data)
|
||||||
|
.catch((e) => console.log(e));
|
||||||
|
|
||||||
|
if (!data)
|
||||||
|
return {
|
||||||
|
title: "KG ROAD | О нас",
|
||||||
|
description:
|
||||||
|
"Transparency International - Кыргызстан - филиал международной организации Transparency International в Кыргызской Республике.",
|
||||||
|
openGraph: {
|
||||||
|
title: "KG ROAD | О нас",
|
||||||
|
description:
|
||||||
|
"Transparency International - Кыргызстан - филиал международной организации Transparency International в Кыргызской Республике.",
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
const metadata = data.filter((tag) => tag.page === "privacy")[0];
|
||||||
|
if (!metadata) {
|
||||||
|
return {
|
||||||
|
title: "KG ROAD | О нас",
|
||||||
|
description:
|
||||||
|
"Transparency International - Кыргызстан - филиал международной организации Transparency International в Кыргызской Республике.",
|
||||||
|
openGraph: {
|
||||||
|
title: "KG ROAD | О нас",
|
||||||
|
description:
|
||||||
|
"Transparency International - Кыргызстан - филиал международной организации Transparency International в Кыргызской Республике.",
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
title: `KG ROAD | ${metadata.title}`,
|
||||||
|
description: metadata.description,
|
||||||
|
keywords: metadata.keywords.split(","),
|
||||||
|
openGraph: {
|
||||||
|
title: `KG ROAD | ${metadata.title}`,
|
||||||
|
description: metadata.description,
|
||||||
|
type: "website",
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
const Privacy = () => {
|
||||||
|
return (
|
||||||
|
<div className="privacy page-padding">
|
||||||
|
<BreadCrumbs homeRequired />
|
||||||
|
<Typography element="h2">Политика конфиденциальности</Typography>
|
||||||
|
<div className="privacy__descriptions">
|
||||||
|
<ol>
|
||||||
|
<li><span> Общие положения</span></li>
|
||||||
|
</ol>
|
||||||
|
<p><span>Настоящие Положение о политике конфиденциальности определяет порядок обработки и защиты информации о физических лицах (далее — Пользователи), пользующихся почтовой рассылкой, формой обратной связи сайта, электронными почтовыми адресами, расположенными на доменном имени </span><a href="https://kgroad.org/"><span>https://kgroad.org/</span></a><span> (далее — Сайт).</span></p>
|
||||||
|
<p><span>Мы разработали Политику Конфиденциальности, которая описывает, как мы осуществляем обработку персональных данных — любые действия (операции) или совокупность действий (операций), совершаемых с использованием средств автоматизации или без использования таких средств с персональными данными, включая сбор, запись, систематизацию, накопление, хранение, уточнение (обновление, изменение), извлечение, использование, передачу (распространение, предоставление, доступ), обезличивание, блокирование, удаление, уничтожение персональных данных.</span></p>
|
||||||
|
<p><span>Отношения, связанные с обработкой персональных данных и информации о пользователях Сайта, регулируются настоящим Положением.</span></p>
|
||||||
|
<p><span>Настоящая Политика Конфиденциальности регулирует любой вид обработки персональных данных и информации личного характера (любой информации, позволяющей установить личность, и любой иной информации, связанной с этим) о физических лицах, которые являются пользователями Сайта.</span></p>
|
||||||
|
<p><span>Настоящая Политика распространяется на обработку личных, персональных данных, собранных любыми средствами, как активными, так и пассивными, как через Интернет, так и без его использования, от лиц, находящихся в любой точке мира.</span></p>
|
||||||
|
<p>2. Сбор персональных данных</p>
|
||||||
|
<p><span>Целью обработки персональных данных является выполнение обязательств Оператора перед Пользователями в отношении использования Сайта и его сервисов.</span></p>
|
||||||
|
<p><span>Обработка персональных данных пользователей осуществляется с согласия субъекта персональных данных на обработку его персональных данных.</span></p>
|
||||||
|
<p><span>Под персональными данными понимается любая информация, относящаяся к прямо или косвенно определенному или определяемому физическому лицу (субъекту персональных данных) и которая может быть использована для идентификации определенного лица либо связи с ним.</span></p>
|
||||||
|
<p><span>Мы можем запросить у Вас имя, фамилию, отчество и адрес электронной почты для того, чтобы включить Вас в почтовую рассылку с Вашего согласия, а также для того, чтобы ответить Вам, если Вы обратились к нам через форму обратной связи на Сайте.</span></p>
|
||||||
|
<p><span>3. Хранение и использование персональных данных</span></p>
|
||||||
|
<p><span>Персональные данные Пользователей хранятся исключительно на электронных носителях и обрабатываются с использованием автоматизированных систем.</span></p>
|
||||||
|
<p><span>КАК МЫ ИСПОЛЬЗУЕМ ВАШУ ПЕРСОНАЛЬНУЮ ИНФОРМАЦИЮ</span></p>
|
||||||
|
<p><span>Собираемые нами персональные данные позволяют направлять Вам по электронной почте уведомления о новостях, выходе новых антикоррупционных расследований и различных событиях. Также ваши персональные данные могут быть использованы при ответе на ваше обращение, направленное через форму обратной связи или на наш адрес электронной почты, расположенные на Сайте. Если Вы не желаете быть включенным в наш список рассылки, Вы можете в любое время отказаться от рассылки путём информирования нас по указанным контактам для обратной связи.</span></p>
|
||||||
|
<p><span>СБОР И ИСПОЛЬЗОВАНИЕ ИНФОРМАЦИИ, НЕ ЯВЛЯЮЩЕЙСЯ ПЕРСОНАЛЬНОЙ</span></p>
|
||||||
|
<p><span>Мы также собираем персональные данные, не являющиеся персональными − данные, не позволяющие прямо ассоциировать их с каким-либо определённым лицом. Мы можем собирать, использовать, передавать и раскрывать информацию, не являющуюся персональной, для любых целей. Ниже приведены примеры информации, не являющейся персональной, которую мы собираем, и как мы можем её использовать.</span></p>
|
||||||
|
<p><span>Мы можем собирать персональные данные, такие как: источник перехода на Сайт, особенности поведения пользователя на Сайте, количество просмотренных на Сайте страниц. Такие данные обезличены и не являются персональными. Эти данные собираются для того, чтобы лучше понимать, какая информация интересна посетителям Сайта и улучшать качество контента.</span></p>
|
||||||
|
<p>4. Передача персональных данных</p>
|
||||||
|
<p><span>Персональные данные Пользователей не передаются каким-либо третьим лицам. Пользователи, которые передали нам свои персональные данные до вступления в силу настоящих Правил автоматически соглашаются на использование свои персональных данных. В тоже время, они всегда могут отозвать свое согласие на использование персональных данных через форму обратной связи.</span></p>
|
||||||
|
<p><span>Оператор осуществляет блокирование персональных данных, относящихся к соответствующему Пользователю, с момента обращения или запроса Пользователя или его законного представителя, в случае выявления недостоверных персональных данных или неправомерных действий.</span></p>
|
||||||
|
<p>5. Уничтожение персональных данных</p>
|
||||||
|
<p><span>Персональные данные пользователя уничтожаются при отзыве субъектом персональных данных согласия на обработку персональных данных.</span></p>
|
||||||
|
<p><span>ИДЕНТИФИКАЦИОННЫЕ ФАЙЛЫ (СOOKIES) И ИНЫЕ ТЕХНОЛОГИИ</span></p>
|
||||||
|
<p><span>Веб-сайт, интерактивные услуги и приложения, сообщения электронной почты и любые иные коммуникации от нашего лица могут использовать</span><a href="https://www.re-store.ru/oferta/cookies/"> <span>идентификационные файлы cookies</span></a><span> и иные технологии, такие как пиксельные ярлыки (pixel tags), веб-маяки (web beacons). Соответственно при пользовании веб-сайтом и иными услугами на Вашем устройстве может возникнуть всплывающее окно с уведомлением об использовании cookies.</span></p>
|
||||||
|
<p><span>Указанные технологии помогают нам лучше понимать поведение пользователей, сообщают нам, какие разделы нашего сайта были посещены пользователями, и измеряют эффективность рекламы и сетевых поисков. Мы рассматриваем информацию, собираемую файлами cookies и иными технологиями как информацию, не являющуюся персональной.</span></p>
|
||||||
|
<p><span>Вы можете контролировать cookies следуя инструкциям Вашего браузера или устройства. Как правило, Вы можете изменить настройки cookies в разделе «Настройки» или «Системные настройки».</span></p>
|
||||||
|
<p><span>Как и в случае большинства веб-сайтов, мы собираем некоторую информацию автоматически и храним её в файлах статистики. Такая информация включает в себя адрес Интернет-протокола (IP-адрес), тип и язык браузера, информацию о поставщике Интернет-услуг, страницы отсылки и выхода, сведения об операционной системе, отметку даты и времени, а также сведения о посещениях. Мы используем такую информацию для понимания и анализа тенденций, администрирования сайта, изучения поведения пользователей на сайте и сбора демографической информации о нашем основном контингенте пользователей в целом. Организация может использовать такую информацию в своих маркетинговых целях.</span></p>
|
||||||
|
<p><span>В некоторых наших сообщениях электронной почты мы используем интерактивные ссылки на информацию, размещённую на Сайте. Когда пользователи проходят по таким ссылкам, прежде чем они попадают на страницу назначения на нашем веб-сайте, их запросы проходят отдельную регистрацию. Мы отслеживаем такие «проходные» данные, для того чтобы помочь нам определить интерес к отдельным темам и измерить эффективность наших коммуникаций с пользователями. Если Вы предпочитаете, чтобы Ваши обращения не отслеживались подобным образом, Вы не должны проходить по текстовым или графическим ссылкам в сообщениях электронной почты.</span></p>
|
||||||
|
<p><span>Пиксельные ярлыки позволяют нам направлять сообщения электронной почты в формате, читаемом потребителями, и сообщают нам, были ли такие сообщения прочитаны. Мы можем использовать такую информацию для ограничения количества направляемых потребителям сообщений или прекращения их направления.</span></p>
|
||||||
|
<p>6. Защита персональных данных</p>
|
||||||
|
<p><span>Мы предпринимает меры предосторожности для обеспечения защиты Ваших персональных данных в целях обеспечения защиты персональных данных Пользователя от неправомерного или случайного доступа к ним, уничтожения, изменения, блокирования, копирования, распространения, а также от иных неправомерных действий третьих лиц.</span></p>
|
||||||
|
<p><span>ЦЕЛОСТНОСТЬ И СОХРАНЕНИЕ ПЕРСОНАЛЬНОЙ ИНФОРМАЦИИ</span></p>
|
||||||
|
<p><span>Мы будем хранить Ваши персональные данные и информацию в течение срока, необходимого для выполнения целей, описываемых в настоящей Политике Конфиденциальности.</span></p>
|
||||||
|
<p><span>Мы не собираем персональные данные о несовершеннолетних. Если нам станет известно о том, что мы получили персональные данные о несовершеннолетнем, мы предпримем меры для удаления такой информации в максимально короткий срок.</span></p>
|
||||||
|
<p><span>Мы настоятельно рекомендуем родителям и иным лицам, под чьим присмотром находятся несовершеннолетние (законные представители — родители, усыновители или попечители), контролировать использование несовершеннолетними веб-сайтов.</span></p>
|
||||||
|
<p><span>Оператор не несет ответственности за действия третьих лиц, получивших в результате использования Интернета или Услуг Сайта доступ к информации о Пользователе и за последствия использования данных и информации, которые, в силу природы Сайта, доступны любому пользователю сети Интернет.</span></p>
|
||||||
|
<p><span>ВОПРОСЫ ОТНОСИТЕЛЬНО КОНФИДЕНЦИАЛЬНОСТИ</span></p>
|
||||||
|
<p><span>Если у вас возн</span><span>икнут вопросы в отношении настоящей Политики Конфиденциальности или обработки данных, Вы можете связаться с нами по контактам обратной связи office@ti-russia.org.</span></p>
|
||||||
|
<p><span>7. Обращения пользователей</span></p>
|
||||||
|
<p><span>Пользователи вправе направлять Оператору свои запросы, в том числе запросы относительно использования их персональных данных, направления отзыва согласия на обработку персональных данных в письменной форме по адресу, указанному в разделе Общие положения настоящего положения, или в форме электронного документа, отправленного посредством </span><a href="https://kgroad.org/ru/support/"><span>формы обратной связи.</span></a></p>
|
||||||
|
<p><span>Оператор обязуется рассмотреть и направить ответ на поступивший запрос Пользователя в течение 30 дней с момента поступления обращения.</span></p>
|
||||||
|
<p><span>ДРУГОЕ</span></p>
|
||||||
|
<p><span>Посетитель сайта Организации, предоставляющий свои персональные данные и информацию, тем самым соглашается с положениями данной Политики Конфиденциальности.</span></p>
|
||||||
|
<p><span>Мы оставляем за собой право вносить любые изменения в Политику в любое время по своему усмотрению с целью дальнейшего совершенствования системы защиты от несанкционированного доступа к сообщаемым Пользователями персональным данным без согласия Пользователя. Когда мы вносим существенные изменения в Политику Конфиденциальности, на нашем сайте размещается соответствующее уведомление вместе с обновлённой версией Политики Конфиденциальности.</span></p>
|
||||||
|
<p><span>Действие настоящей Политики не распространяется на действия и интернет-ресурсы третьих лиц.</span></p>
|
||||||
|
<p></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Privacy;
|
||||||
83
src/app/[locale]/support/Support.scss
Normal file
83
src/app/[locale]/support/Support.scss
Normal file
@ -0,0 +1,83 @@
|
|||||||
|
.support {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 25px;
|
||||||
|
|
||||||
|
&__input {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 10px;
|
||||||
|
|
||||||
|
label {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 135%;
|
||||||
|
color: #686b7c;
|
||||||
|
}
|
||||||
|
|
||||||
|
div {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 16px;
|
||||||
|
input, textarea {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 957px;
|
||||||
|
padding: 16px;
|
||||||
|
border: 1px solid rgb(221, 222, 226);
|
||||||
|
border-radius: 8px;
|
||||||
|
background: rgb(255, 255, 255);
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 135%;
|
||||||
|
color: #09090b;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
height: 276px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 22px;
|
||||||
|
height: 22px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__btn,
|
||||||
|
&__btn_active {
|
||||||
|
margin-top: 50px;
|
||||||
|
width: fit-content;
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: 8px;
|
||||||
|
background-color: rgb(158, 167, 175);
|
||||||
|
cursor: auto;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 800;
|
||||||
|
line-height: 19px;
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
}
|
||||||
|
|
||||||
|
&__btn_active {
|
||||||
|
background-color: rgb(57, 152, 232);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__logout {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 550px) {
|
||||||
|
.support {
|
||||||
|
&__btn,
|
||||||
|
&__btn_active {
|
||||||
|
align-self: flex-end;
|
||||||
|
margin-top: 15px;
|
||||||
|
margin-bottom: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__logout {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
12
src/app/[locale]/support/assets/header.svg
Normal file
12
src/app/[locale]/support/assets/header.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 332 KiB |
97
src/app/[locale]/support/page.tsx
Normal file
97
src/app/[locale]/support/page.tsx
Normal file
@ -0,0 +1,97 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import Typography from "@/shared/ui/components/Typography/Typography";
|
||||||
|
import "./Support.scss";
|
||||||
|
import Image from "next/image";
|
||||||
|
import header from "./assets/header.svg";
|
||||||
|
import { Metadata } from "next";
|
||||||
|
import BreadCrumbs from "@/features/BreadCrumbs/BreadCrumbs";
|
||||||
|
import { apiInstance } from "@/shared/config/apiConfig";
|
||||||
|
import { IMetatag } from "@/shared/types/metatag-type";
|
||||||
|
import { useState } from "react";
|
||||||
|
|
||||||
|
const Support = () => {
|
||||||
|
|
||||||
|
const [isSent, setIsSent] = useState(false);
|
||||||
|
|
||||||
|
const handleSubmit: React.MouseEventHandler<
|
||||||
|
HTMLFormElement
|
||||||
|
> = async (e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
const formData = new FormData(e.currentTarget);
|
||||||
|
console.log(formData);
|
||||||
|
try {
|
||||||
|
/*
|
||||||
|
const res = await apiInstance.post(
|
||||||
|
`/${endpoint}/${id}/reviews/`,
|
||||||
|
formData,
|
||||||
|
config
|
||||||
|
);*/
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
setIsSent(true);
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="support page-padding">
|
||||||
|
<BreadCrumbs homeRequired />
|
||||||
|
<Typography element="h2">Поддержка</Typography>
|
||||||
|
<div className="support__descriptions">
|
||||||
|
|
||||||
|
<h3>
|
||||||
|
<span id="blue-point" /> Напишите нам
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
{!isSent ? (
|
||||||
|
|
||||||
|
<form onSubmit={handleSubmit} className="support">
|
||||||
|
<div className="support__input">
|
||||||
|
<label>Как вас зовут:</label>
|
||||||
|
<div>
|
||||||
|
<input name="name"
|
||||||
|
type="text"
|
||||||
|
/></div>
|
||||||
|
</div>
|
||||||
|
<div className="support__input">
|
||||||
|
<label>Телефон:</label>
|
||||||
|
<div>
|
||||||
|
<input
|
||||||
|
name="phone"
|
||||||
|
type="phone"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="support__input">
|
||||||
|
<label>Email:</label>
|
||||||
|
<div>
|
||||||
|
<input
|
||||||
|
name="email"
|
||||||
|
type="email"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="support__input">
|
||||||
|
<label>Сообщение:</label>
|
||||||
|
<div>
|
||||||
|
<div className="support__input">
|
||||||
|
<textarea name="review" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button type="submit" className="support__btn_active">Отправить</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
) : (
|
||||||
|
<p>Спасибо за ваше сообщение!</p>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Support;
|
||||||
@ -6,9 +6,11 @@ export const LINKS = () => {
|
|||||||
const LINKS = [
|
const LINKS = [
|
||||||
{ id: 1, pagename: t("home"), pathname: "/" },
|
{ id: 1, pagename: t("home"), pathname: "/" },
|
||||||
{ id: 2, pagename: t("about_us"), pathname: "/about-us" },
|
{ id: 2, pagename: t("about_us"), pathname: "/about-us" },
|
||||||
{ id: 3, pagename: t("statistics"), pathname: "/statistics" },
|
{ id: 3, pagename: t("privacy"), pathname: "/privacy" },
|
||||||
{ id: 4, pagename: t("news"), pathname: "/news" },
|
{ id: 3, pagename: t("support"), pathname: "/support" },
|
||||||
{ id: 5, pagename: t("volunteers"), pathname: "/volunteers" },
|
{ id: 4, pagename: t("statistics"), pathname: "/statistics" },
|
||||||
|
{ id: 5, pagename: t("news"), pathname: "/news" },
|
||||||
|
{ id: 6, pagename: t("volunteers"), pathname: "/volunteers" },
|
||||||
];
|
];
|
||||||
|
|
||||||
return LINKS;
|
return LINKS;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user