added english language

src/components/RulesModal.jsx

@@ -1,10 +1,11 @@
+import { useTranslation } from 'react-i18next';
 import CloseIcon from "./icons/CloseIcon";
 import "../styles/rules.css";
 
 const RULES = [
   {
     num: "1",
-    title: "Общие положения",
+    titleKey: "rules.section1Title",
     content: (
       <p>
         Платформа «Находка» предназначена исключительно для помощи людям в поиске утерянных вещей
@@ -15,7 +16,7 @@ const RULES = [
   },
   {
     num: "2",
-    title: "Что можно размещать",
+    titleKey: "rules.section2Title",
     content: (
       <ul>
         <li>Объявления о потере личных вещей, документов, животных, транспортных средств</li>
@@ -27,7 +28,7 @@ const RULES = [
   },
   {
     num: "3",
-    title: "Что запрещено размещать",
+    titleKey: "rules.section3Title",
     content: (
       <>
         <p className="rules-sub-title">3.1. Запрещённый контент</p>
@@ -55,7 +56,7 @@ const RULES = [
   },
   {
     num: "4",
-    title: "Требования к объявлению",
+    titleKey: "rules.section4Title",
     content: (
       <ul>
         <li>Описание должно быть достоверным и точным</li>
@@ -68,7 +69,7 @@ const RULES = [
   },
   {
     num: "5",
-    title: "Вознаграждение",
+    titleKey: "rules.section5Title",
     content: (
       <>
         <p>Предложение вознаграждения нашедшему является добровольным и законным правом владельца. При этом:</p>
@@ -82,7 +83,7 @@ const RULES = [
   },
   {
     num: "6",
-    title: "Найденные документы",
+    titleKey: "rules.section6Title",
     content: (
       <>
         <p>Нахождение чужих документов обязывает вас согласно законодательству РФ:</p>
@@ -97,7 +98,7 @@ const RULES = [
   },
   {
     num: "7",
-    title: "Животные",
+    titleKey: "rules.section7Title",
     content: (
       <ul>
         <li>Найденное животное необходимо по возможности обеспечить едой и кровом до возврата владельцу</li>
@@ -108,7 +109,7 @@ const RULES = [
   },
   {
     num: "8",
-    title: "Конфиденциальность",
+    titleKey: "rules.section8Title",
     content: (
       <ul>
         <li>Не публикуйте в объявлении избыточные персональные данные — достаточно способа связи</li>
@@ -119,7 +120,7 @@ const RULES = [
   },
   {
     num: "9",
-    title: "Модерация",
+    titleKey: "rules.section9Title",
     content: (
       <>
         <p>Администрация платформы вправе:</p>
@@ -133,7 +134,7 @@ const RULES = [
   },
   {
     num: "10",
-    title: "Ответственность пользователей",
+    titleKey: "rules.section10Title",
     content: (
       <p>
         Пользователь самостоятельно несёт ответственность за содержание размещаемых объявлений.
@@ -145,6 +146,7 @@ const RULES = [
 ];
 
 export default function RulesModal({ onClose }) {
+  const { t } = useTranslation();
   return (
     <div className="f-modal-bg" onClick={e => e.target === e.currentTarget && onClose()}>
       <div className="f-modal rules-modal">
@@ -152,7 +154,7 @@ export default function RulesModal({ onClose }) {
         <div className="f-modal-head">
           <div className="rules-modal-title-wrap">
             <span className="rules-modal-icon">📋</span>
-            <span className="f-modal-title">Правила площадки «Находка»</span>
+            <span className="f-modal-title">{t('rules.title')}</span>
           </div>
           <button className="f-close-btn" onClick={onClose}>
             <CloseIcon />
@@ -165,7 +167,7 @@ export default function RulesModal({ onClose }) {
             <div key={rule.num} className="rules-section">
               <div className="rules-section-head">
                 <span className="rules-num">{rule.num}</span>
-                <span className="rules-title">{rule.title}</span>
+                <span className="rules-title">{t(rule.titleKey)}</span>
               </div>
               <div className="rules-body">{rule.content}</div>
             </div>