Production

messages/en.json

@@ -220,10 +220,5 @@
     "p17": "Users have the right to send their requests to the Operator, including requests regarding the use of their personal data, sending a withdrawal of consent to the processing of personal data in writing to the address specified in the General Provisions section of this regulation, or in the form of an electronic document sent via the feedback form. The Operator undertakes to review and send a response to the User's request within 30 days from the date of receipt of the request.",
     "p18":"OTHER",
     "p19":"A visitor to the Organization's website who provides his personal data and information thereby agrees to the provisions of this Privacy Policy. We reserve the right to make any changes to the Policy at any time at our discretion in order to further improve the system of protection against unauthorized access to personal data reported by Users without the User's consent. When we make significant changes to the Privacy Policy, a corresponding notification is posted on our website along with the updated version of the Privacy Policy.This Policy does not apply to the actions and Internet resources of third parties."
-  },
-  "AboutUs" : {
-    "p1" : "Transparency International  ̶  это глобальная независимая организация по изучению и борьбе с коррупцией как в международном масштабе, так и в масштабе отдельных стран, одна из целей которой добиться большей прозрачности и подотчетности власти.",
-    "p2" : "Команда Трансперенси Интернешнл Кыргызстан разработала платформу для мониторинга строительства и ремонта дорог, содержащая интерактивную карту по обеспечению доступа к информации о дорогах и улицах, отремонтированных за последние годы, включая стоимость работ, данные организации-подрядчика, гарантийные сроки, ссылки на закупочную документацию и другую информация о работах, а также обобщенная статистика по дорожным работам (например, дорожные работы, выполненные одним и тем же подрядчиком). Платформа также предоставит пользователям возможность оперативно сообщать о дефектах на дорогах и необходимости их устранения, голосовать за приоритетность ремонта дорог и предоставлять обратную связь в удобном формате, которые позволят гражданам самостоятельно анализировать и контролировать использование исполнения государственных дорожных контрактов. Информация по дорожным строительствам и ремонтам собирается из открытых данных портала госзакупок и Минюста. ",
-    "p3" : "Помимо веб-платформы имеются два мобильных приложения для платформ iOS и Android с функциями, аналогичными веб-сайту."
   }
 }

messages/kg.json

@@ -221,11 +221,6 @@
     "p17":"Колдонуучулар Операторго өздөрүнүн суроо-талаптарын, анын ичинде алардын жеке маалыматтарын колдонууга, жеке маалыматтарды иштетүүгө макулдукту жокко чыгарууга байланыштуу суроо-талаптарды ушул жобонун Жалпы жоболор бөлүмүндө көрсөтүлгөн дарек боюнча жазуу жүзүндө же пикир билдирүү формасы аркылуу жөнөтүлгөн электрондук документ формасында жөнөтүүгө укуктуу. Оператор суроо-талапты алган күндөн тартып 30 күндүн ичинде Колдонуучунун суроо-талабын карап чыгууга жана ага жооп жөнөтүүгө милдеттенет.",
     "p18":"БАШКАЛАР",
     "p19":"Уюмдун веб-сайтына өзүнүн жеке маалыматтарын жана маалыматын берген конок ушул Купуялык саясатынын жоболоруна макул болот. Колдонуучунун макулдугусуз Колдонуучулар тарабынан билдирилген жеке маалыматтарга уруксатсыз кирүүдөн коргоо тутумун андан ары өркүндөтүү максатында, биз каалаган убакта ушул Саясатка өзгөртүүлөрдү киргизүү укугун сактайбыз. Купуялык саясатыбызга олуттуу өзгөртүүлөрдү киргизгенде, биз Купуялык саясатыбыздын жаңыртылган версиясы менен бирге веб-сайтыбызга билдирүү жарыялайбыз. Бул Саясат үчүнчү жактардын аракеттерине жана интернет-ресурстарына жайылтылбайт."
-  },
-  "AboutUs" : {
-    "p1" : "Transparency International  ̶  это глобальная независимая организация по изучению и борьбе с коррупцией как в международном масштабе, так и в масштабе отдельных стран, одна из целей которой добиться большей прозрачности и подотчетности власти.",
-    "p2" : "Команда Трансперенси Интернешнл Кыргызстан разработала платформу для мониторинга строительства и ремонта дорог, содержащая интерактивную карту по обеспечению доступа к информации о дорогах и улицах, отремонтированных за последние годы, включая стоимость работ, данные организации-подрядчика, гарантийные сроки, ссылки на закупочную документацию и другую информация о работах, а также обобщенная статистика по дорожным работам (например, дорожные работы, выполненные одним и тем же подрядчиком). Платформа также предоставит пользователям возможность оперативно сообщать о дефектах на дорогах и необходимости их устранения, голосовать за приоритетность ремонта дорог и предоставлять обратную связь в удобном формате, которые позволят гражданам самостоятельно анализировать и контролировать использование исполнения государственных дорожных контрактов. Информация по дорожным строительствам и ремонтам собирается из открытых данных портала госзакупок и Минюста. ",
-    "p3" : "Помимо веб-платформы имеются два мобильных приложения для платформ iOS и Android с функциями, аналогичными веб-сайту."
   }
 
 }

messages/ru.json

@@ -220,10 +220,5 @@
     "p17":"Пользователи вправе направлять Оператору свои запросы, в том числе запросы относительно использования их персональных данных, направления отзыва согласия на обработку персональных данных в письменной форме по адресу, указанному в разделе Общие положения настоящего положения, или в форме электронного документа, отправленного посредством формы обратной связи. Оператор обязуется рассмотреть и направить ответ на поступивший запрос Пользователя в течение 30 дней с момента поступления обращения.",
     "p18":"ДРУГОЕ",
     "p19": "Посетитель сайта Организации, предоставляющий свои персональные данные и информацию, тем самым соглашается с положениями данной Политики Конфиденциальности. Мы оставляем за собой право вносить любые изменения в Политику в любое время по своему усмотрению с целью дальнейшего совершенствования системы защиты от несанкционированного доступа к сообщаемым Пользователями персональным данным без согласия Пользователя. Когда мы вносим существенные изменения в Политику Конфиденциальности, на нашем сайте размещается соответствующее уведомление вместе с обновлённой версией Политики Конфиденциальности. Действие настоящей Политики не распространяется на действия и интернет-ресурсы третьих лиц."
-  },
-  "AboutUs" : {
-    "p1" : "Transparency International  ̶  это глобальная независимая организация по изучению и борьбе с коррупцией как в международном масштабе, так и в масштабе отдельных стран, одна из целей которой добиться большей прозрачности и подотчетности власти.",
-    "p2" : "Команда Трансперенси Интернешнл Кыргызстан разработала платформу для мониторинга строительства и ремонта дорог, содержащая интерактивную карту по обеспечению доступа к информации о дорогах и улицах, отремонтированных за последние годы, включая стоимость работ, данные организации-подрядчика, гарантийные сроки, ссылки на закупочную документацию и другую информация о работах, а также обобщенная статистика по дорожным работам (например, дорожные работы, выполненные одним и тем же подрядчиком). Платформа также предоставит пользователям возможность оперативно сообщать о дефектах на дорогах и необходимости их устранения, голосовать за приоритетность ремонта дорог и предоставлять обратную связь в удобном формате, которые позволят гражданам самостоятельно анализировать и контролировать использование исполнения государственных дорожных контрактов. Информация по дорожным строительствам и ремонтам собирается из открытых данных портала госзакупок и Минюста. ",
-    "p3" : "Помимо веб-платформы имеются два мобильных приложения для платформ iOS и Android с функциями, аналогичными веб-сайту."
   }
 }

package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev -p 8003",
+    "dev": "next dev",
     "build": "next build",
     "start": "next start -p 8003",
     "lint": "next lint"
@@ -12,6 +12,7 @@
     "@next/third-parties": "^14.1.0",
     "axios": "^1.6.5",
     "dotenv": "^16.4.1",
+    "html-react-parser": "^5.1.15",
     "leaflet": "^1.9.4",
     "next": "^14.1.0",
     "next-auth": "^4.24.5",

src/app/[locale]/about-us/page.tsx

@@ -4,10 +4,8 @@ import { Metadata } from "next";
 import BreadCrumbs from "@/features/BreadCrumbs/BreadCrumbs";
 import { apiInstance } from "@/shared/config/apiConfig";
 import { IMetatag } from "@/shared/types/metatag-type";
-import { useTranslations } from "next-intl";
 
 export async function generateMetadata(): Promise<Metadata> {
-
   const data = await apiInstance
     .get<IMetatag[]>("/metatags/")
     .then((res) => res.data)
@@ -52,19 +50,51 @@ export async function generateMetadata(): Promise<Metadata> {
 }
 
 const AboutUs = () => {
-
-  const tAboutUs = useTranslations("AboutUs");
-
   return (
     <div className="about-us page-padding">
       <BreadCrumbs homeRequired />
       <Typography element="h2">О нас</Typography>
 
       <div className="about-us__descriptions">
-        <p>{tAboutUs("p1")}</p>
+        <h3>
-        <p>{tAboutUs("p2")}</p>
+          Transparency International-Кыргызстан - филиал международной
-        <p>{tAboutUs("p3")}</p>
+          организации Transparency International в Кыргызской
+          Республике.
+        </h3>
+        <h3>Миссия ТИ-Кыргызстан</h3>
+        <p>
+          Продвижение эффективной общественной политики и надлежащего
+          управления в целях предотвращения коррупции и усиления
+          демократии в стране.{" "}
+        </p>
+        <h3>Цели и приоритеты ТИ-Кыргызстан:</h3>
+        <ul>
+          <li>
+            - антикоррупционное просвещение населения, повышение
+            общественного осознания значимости и важности борьбы с
+            коррупцией в Кыргызстане;
+          </li>
+          <li>
+            - организация изучения практики и теории борьбы с
+            коррупцией и участия в ней структур гражданского общества
+            в Кыргызстане и других странах;
+          </li>
+          <li>
+            - содействие гражданам и организациям в реализации их
+            конституционных прав и свобод;
+          </li>
+          <li>
+            - преимущественная ориентация на международный опыт
+            уменьшения коррупции, освоение его технологий, ресурсов, а
+            также включение структур гражданского общества в
+            международный диалог борьбы с коррупцией.
+          </li>
+        </ul>
       </div>
+      <p className="about-us__author">
+        Photo By Mzximvs VdB from Brussels, belgium - Road to
+        Issyk-Kul (south shore), CC BY-SA 2.0
+      </p>
     </div>
   );
 };

src/app/[locale]/layout.tsx

@@ -5,7 +5,6 @@ import Navbar from "@/widgets/Navbar/Navbar";
 import Footer from "@/widgets/Footer/Footer";
 import { NextIntlClientProvider, useMessages } from "next-intl";
 import { Providers } from "./Providers";
-import { GoogleAnalytics } from '@next/third-parties/google'
 
 export default function LocaleLayout({
   children,
@@ -26,7 +25,6 @@ export default function LocaleLayout({
           </Providers>
         </NextIntlClientProvider>
       </body>
-      {<GoogleAnalytics gaId={process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS || ""} />}
     </html>
   );
 }

src/app/[locale]/news/[id]/page.tsx

@@ -8,6 +8,7 @@ import calendar from "./icons/calendar.svg";
 import ReviewSection from "@/widgets/ReviewSection/ReviewSection";
 import BreadCrumbs from "@/features/BreadCrumbs/BreadCrumbs";
 import { Metadata } from "next";
+import parse from "html-react-parser";
 
 export async function generateMetadata({
   params,
@@ -26,21 +27,26 @@ export async function generateMetadata({
     },
   };
 }
+function convertLinksToHtml(text: string) {
+  const urlPattern =
+    /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|$!:,.;]*[-A-Z0-9+&@#\/%=~_|$])[\s.,;]?/gi;
+  return text.replace(urlPattern, (url) => {
+    const href = url.trim();
+    return `<a href="${href}" target="_blank" rel="noopener noreferrer">${href}</a>`;
+  });
+}
 const formatDescription = (text: string) => {
   return text.replace(/(\r\n|\n|\r)/g, "<br />");
 };
 
-//<<<<<<< HEAD:src/app/[locale]/news/[id]/page.tsx
 const NewsDetails = async ({
   params,
 }: {
   params: { id: string; новость: string };
 }) => {
-//=======
-//const NewsDetails = async ({ params }: { params: { id: string } }) => {
-//>>>>>>> master:src/app/news/[id]/page.tsx
   const getNewsById = async () => {
     const response = await apiInstance.get<INews>(`/news/${params.id}/`);
+
     return response.data;
   };
 
@@ -60,7 +66,8 @@ const NewsDetails = async ({
     "11": "Ноябрь",
     "12": "Декабрь",
   };
-
+  const htmlContentWithLinks = convertLinksToHtml(data.description);
+  const formattedHtmlContent = formatDescription(htmlContentWithLinks);
   return (
     <div className="news-details page-padding">
       <BreadCrumbs />
@@ -89,12 +96,9 @@ const NewsDetails = async ({
 
       <div className="news-details__text">
         <h3>{data.title}</h3>
-        <div
+        <div className="news-details__description">
-          className="news-details__description"
+          {parse(formattedHtmlContent)}
-          dangerouslySetInnerHTML={{
+        </div>
-            __html: formatDescription(data.description),
-          }}
-        />
       </div>
 
       <ReviewSection endpoint="news" id={data.id} />

src/entities/NewsCard/NewsCard.tsx

@@ -29,10 +29,7 @@ const NewsCard: React.FC<INewsCard> = ({
     return title;
   };
   const sliceDate = (date: string) => {
-    return `${date.slice(8, 10)}/${date.slice(5, 7)}/${date.slice(
+    return `${date.slice(8, 10)}/${date.slice(5, 7)}/${date.slice(0, 4)}`;
-      0,
-      4
-    )}`;
   };
 
   const sliceDescription = (description: string) => {

src/features/SearchForm/SearchForm.scss

@@ -25,6 +25,7 @@
 
     img {
       width: 50px;
+      height: auto;
     }
 
     input {

src/shared/variables/links_footer.ts

@@ -7,10 +7,10 @@ export const LINKS = () => {
     { id: 1, pagename: t("home"), pathname: "/" },
     { id: 2, pagename: t("about_us"), pathname: "/about-us" },
     { id: 3, pagename: t("privacy"), pathname: "/privacy" },
-    { id: 3, pagename: t("support"), pathname: "/support" },
+    { id: 4, pagename: t("support"), pathname: "/support" },
-    { id: 4, pagename: t("statistics"), pathname: "/statistics" },
+    { id: 5, pagename: t("statistics"), pathname: "/statistics" },
-    { id: 5, pagename: t("news"), pathname: "/news" },
+    { id: 6, pagename: t("news"), pathname: "/news" },
-    { id: 6, pagename: t("volunteers"), pathname: "/volunteers" },
+    { id: 7, pagename: t("volunteers"), pathname: "/volunteers" },
   ];
 
   return LINKS;

src/widgets/Footer/Footer.tsx

@@ -16,8 +16,6 @@ const Footer = () => {
   const t = useTranslations("general");
   const tDisclaimer = useTranslations("disclaimer");
   const tRights = useTranslations("rights");
-
-
   return (
     <footer className="footer">
       <div className="footer__logo">
@@ -32,16 +30,16 @@ const Footer = () => {
         <ul>
           {LINKS().map((link) => (
             <li key={link.id}>
-              <Link href={link.pathname} key={link.id}>
+              <Link href={link.pathname}>{link.pagename}</Link>
-                {link.pagename}
-              </Link>
             </li>
           ))}
         </ul>
+        {/* Only for production*/}
         <NetKgTracker />
         <div className="footer__logo">
           <GoogleAnalyticsWidget />
         </div>
+        *
       </div>
 
       <div className="footer__contacts">
@@ -53,7 +51,7 @@ const Footer = () => {
           <li>
             {[youtube, facebook, instagram].map((net, i) => (
               <Link key={i} href="#">
-                <Image src={net} alt="Net Icon" key={net} />
+                <Image src={net} alt="Net Icon" />
               </Link>
             ))}
           </li>
@@ -66,7 +64,7 @@ const Footer = () => {
         <div className="footer__apps-btns">
           {[app_store_btn, play_market_btn].map((app, i) => (
             <Link key={i} href="#">
-              <Image src={app} alt="App Button" key={app} />
+              <Image src={app} alt="App Button" />
             </Link>
           ))}
         </div>

src/widgets/Navbar/NavLanguage/NavLanguage.scss

@@ -10,6 +10,7 @@
     min-width: 130px;
     position: absolute;
     top: 120%;
+    z-index: 9;
   }
 
   &__option,