add translation to new book page

i18n.server.js

@@ -15,8 +15,9 @@ export function createI18nInstance() {
     .use(LanguageDetector)
     .init({
       fallbackLng: "en",
-      ns: ["common", "auth", "chat"],
+      ns: ["common", "auth", "chat", "home", "header", "search", "profile", "createBook"],
       defaultNS: "common",
+      pluralSeparator: '_',
       backend: {
         loadPath: __dirname + "/locales/{{lng}}/{{ns}}.json",
       },
@@ -27,6 +28,5 @@ export function createI18nInstance() {
         caches: ["cookie"],
       },
     });
-
   return instance;
 }

locales/en/chat.json

@@ -1,3 +1,8 @@
 {
-  "title": "Chats"
+    "title": "Chats",
+    "chat": {
+        "body": "Who do you want to contact?",
+        "delete": "Delete chat",
+        "book": "Book "
+    }
 }

locales/en/common.json

@@ -1 +1,3 @@
-{}
+{
+    "notFound": "404 page not found"
+}

locales/en/createBook.json

@@ -0,0 +1,53 @@
+{
+  "bookPage": {
+    "title": "New book"
+  },
+  "title": {
+    "label": "Title",
+    "message": "Please enter the title of the book",
+    "placeholder": "Enter the book title"
+  },
+  "author": {
+    "label": "Author",
+    "message": "Please enter the author's name",
+    "placeholder": "Enter the author's name"
+  },
+  "genre": {
+    "label": "Genre",
+    "placeholder": "Enter the book genre (optional)"
+  },
+  "language": {
+    "label": "Language",
+    "placeholder": "Enter the book language (optional)"
+  },
+  "condition": {
+    "label": "Condition",
+    "good": "Good",
+    "normal": "Normal",
+    "bad": "Bad"
+  },
+  "cover": {
+    "label": "Cover",
+    "info": "Upload the cover from the Internet, so we can maintain the convenience of searching books on the platform. If your book is not found on the Internet, try to take a neat photo of the cover."
+  },
+  "additionalPhotos": {
+    "label": "Additional photos"
+  },
+  "description": {
+    "label": "Description",
+    "placeholder": "Enter book description (optional)"
+  },
+  "publishingHouse": {
+    "label": "Publishing house",
+    "placeholder": "Enter the publisher (optional)"
+  },
+  "year": {
+    "label": "Year of publication",
+    "placeholder": "Enter the year of publication (optional)"
+  },
+  "save": "Save",
+  "rules": {
+    "text": "By posting a book you agree to the ",
+    "link": "ShareBook rules"
+  }
+}

locales/en/header.json

@@ -0,0 +1,13 @@
+{
+    "nav": {
+        "titles": {
+            "main": "Home",
+            "favourites": "Favourites",
+            "chats": "Chats",
+            "createBook": "Create a book"
+        }
+    },
+    "search": {
+        "placeholder": "Search for fantasy, detective, novels"
+    }
+}

locales/en/home.json

@@ -0,0 +1,17 @@
+{
+    "filters": {
+        "type": {
+            "exchange": "Exchanges",
+            "giveAway": "Gives Away",
+            "allOptions": "All options"
+        },
+        "genre": {
+            "all": "All",
+            "detectives": "Detectives",
+            "novels": "Novels",
+            "scientific": "Scientific",
+            "horrors": "Horrors",
+            "textbook": "Textbook"
+        }
+    }
+}

locales/en/profile.json

@@ -0,0 +1,13 @@
+{
+    "otherButtons": {
+        "write": "Send a message"
+    },
+    "ownButtons": {
+        "newAd": "Create a book"
+    },
+    "score": {
+        "scoreGiven_one": "Given {{count}} book",
+        "scoreGiven_other": "Given {{count}} books",
+        "scoreExchange": "Exchanged {{exchangedCount}}"
+    }  
+}

locales/en/search.json

@@ -0,0 +1,24 @@
+{
+    "fullFilter": {
+        "languages": {
+            "ru": "Русский",
+            "en": "English",
+            "fr": "Français"
+        },
+        "titles": {
+            "author": "Author",
+            "genres": "Genres",
+            "year": "Year of publication",
+            "publishingHouse": "Publishing house",
+            "language": "Language",
+            "filter": "Filter",
+            "reset": "Reset",
+            "apply": "Apply"
+        },
+        "placeholder": "Search"
+    },
+    "booksFound": {
+        "book_one": "{{count}} book finded",
+        "book_other": "{{count}} books finded"
+    }
+}

locales/ru/chat.json

@@ -1,3 +1,8 @@
 {
-  "title": "Чаты"
+  "title": "Чаты",
+  "chat": {
+    "body": "Кому писать?",
+    "delete": "Удалить чат",
+    "book": "Книга "
+  }
 }

locales/ru/common.json

@@ -1 +1,3 @@
-{}
+{
+    "notFound": "404 страница не найдена"
+}

locales/ru/createBook.json

@@ -0,0 +1,53 @@
+{
+  "bookPage": {
+    "title": "Новое объявление"
+  },
+  "title": {
+    "label": "Название",
+    "message": "Пожалуйста, введите название книги",
+    "placeholder": "Введите название книги"
+  },
+  "author": {
+    "label": "Автор",
+    "message": "Пожалуйста, введите имя автора",
+    "placeholder": "Введите имя автора"
+  },
+  "genre": {
+    "label": "Жанр",
+    "placeholder": "Введите жанр книги (необязательно)"
+  },
+  "language": {
+    "label": "Язык книги",
+    "placeholder": "Введите язык книги (необязательно)"
+  },
+  "condition": {
+    "label": "Состояние",
+    "good": "Хорошее",
+    "normal": "Нормальное",
+    "bad": "Плохое"
+  },
+  "cover": {
+    "label": "Обложка",
+    "info": "Загрузите обложку из интернета, так мы сможем поддерживать удобство поиска книг на платформе. Если в интернете не нашлось вашей книги, пострайтесь сделать аккуратное фото обложки."
+  },
+  "additionalPhotos": {
+    "label": "Дополнительные фотографии"
+  },
+  "description": {
+    "label": "Описание",
+    "placeholder": "Введите описание книги (необязательно)"
+  },
+  "publishingHouse": {
+    "label": "Издательство",
+    "placeholder": "Введите издательство (необязательно)"
+  },
+  "year": {
+    "label": "Год издания",
+    "placeholder": "Введите год издания (необязательно)"
+  },
+  "save": "Сохранить",
+  "rules": {
+    "text": "Выкладывая объявление вы соглашаетесь с ",
+    "link": "правилами ShareBook"
+  }
+}

locales/ru/header.json

@@ -0,0 +1,13 @@
+{
+    "nav": {
+        "titles": {
+            "main": "Главная",
+            "favourites": "Избранное",
+            "chats": "Чаты",
+            "createBook": "Новое объявление"
+        }
+    },
+    "search": {
+        "placeholder": "Ищите фентези, детективы, романы"
+    }
+}

locales/ru/home.json

@@ -0,0 +1,17 @@
+{
+    "filters": {
+        "type": {
+            "exchange": "Обменивают",
+            "giveAway": "Отдают",
+            "allOptions": "Все варианты"
+        },
+        "genre": {
+            "all": "Все",
+            "detectives": "Детективы",
+            "novels": "Романы",
+            "scientific": "Научные",
+            "horrors": "Ужасы",
+            "textbook": "Учебник"
+        }
+    }
+}

locales/ru/profile.json

@@ -0,0 +1,14 @@
+{
+    "otherButtons": {
+        "write": "Написать"
+    },
+    "ownButtons": {
+        "newAd": "Новое объявление"
+    },
+    "score": {
+        "scoreGiven_one": "Отдана {{count}} книга",
+        "scoreGiven_few": "Отдано {{count}} книги",
+        "scoreGiven_many": "Отдано {{count}} книг",
+        "scoreExchange": "Обменяно {{exchangedCount}}"
+    }
+}

locales/ru/search.json

@@ -0,0 +1,25 @@
+{
+    "fullFilter": {
+        "languages": {
+            "ru": "Русский",
+            "en": "English",
+            "fr": "Français"
+        },
+        "titles": {
+            "author": "Автор",
+            "genres": "Жанры",
+            "year": "Год издания",
+            "publishingHouse": "Издательство",
+            "language": "Язык",
+            "filter": "Фильтр",
+            "reset": "Сбросить",
+            "apply": "Применить"
+        },
+        "placeholder": "Поиск"
+    },
+    "booksFound": {
+        "book_one": "{{count}} книга найдена",
+        "book_few": "{{count}} книги найдено",
+        "book_many": "{{count}} книг найдено"
+    }
+}

src/components/Header/Nav/Nav.tsx

@@ -1,19 +1,20 @@
 import styles from "../header.module.scss";
 import { NavLink } from "react-router";
+import { useTranslation } from "react-i18next";
 
 interface MainMenuItem {
   title: string;
   url: string;
 }
 
-const mainMenuItems: MainMenuItem[] = [
-  { title: "Главная", url: "/" },
-  { title: "Избранное", url: "/favourites" },
-  { title: "Чаты", url: "/chats" },
-  { title: "Новое объявление", url: "/createBook" },
-];
-
 export function Nav() {
+  const { t } = useTranslation("header");
+  const mainMenuItems: MainMenuItem[] = [
+    { title: `${t("nav.titles.main")}`, url: "/" },
+    { title: `${t("nav.titles.favourites")}`, url: "/favourites" },
+    { title: `${t("nav.titles.chats")}`, url: "/chats" },
+    { title: `${t("nav.titles.createBook")}`, url: "/createBook" },
+  ];
   return (
     <nav>
       <ul className={styles.navBar}>

src/components/Header/SearchInput/SearchInput.tsx

@@ -3,10 +3,12 @@ import { Form, Input } from "antd";
 import { SvgSearch } from "../svg/SvgSearch.tsx";
 import { useState } from "react";
 import { useNavigate } from "react-router";
+import { useTranslation } from "react-i18next";
 
 export function SearchInput() {
   const [focusSearch, setFocusSearch] = useState(false);
   const navigate = useNavigate();
+  const { t } = useTranslation("header");
 
   return (
     <Form
@@ -20,7 +22,7 @@ export function SearchInput() {
       <Form.Item name="title">
         <div className={styles.miniContainerSearch}>
           <Input
-            placeholder="Ищите фентези, детективы, романы"
+            placeholder={t("search.placeholder")}
             onFocus={() => setFocusSearch(true)}
             onBlur={() => setFocusSearch(false)}
             className={styles.search}