From 28cc9b1a7121d03e1e6d767b7e11fafeb671896f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9CSalar?= <“salar.sali97@gmail.com”>
Date: Fri, 21 Oct 2022 13:46:47 +0300
Subject: [PATCH] the translation in the main section has been resolved

---
 src/components/MainPage/sections/MainSection.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/MainPage/sections/MainSection.tsx b/src/components/MainPage/sections/MainSection.tsx
index 60caa7b..bd156cc 100755
--- a/src/components/MainPage/sections/MainSection.tsx
+++ b/src/components/MainPage/sections/MainSection.tsx
@@ -2,16 +2,14 @@
 /*                                   Imports                                  */
 /* -------------------------------------------------------------------------- */
 import React from "react";
-import {t as nextT} from "i18next";
+import { t as nextT } from "i18next";
 import { useTranslation } from "react-i18next";
 import { SearchBar } from "../../search/SearchBar";
 import { formatNumber } from "core/helpers";
 
 export default function MainSection() {
   const { t, i18n } = useTranslation();
-  const amountArticles = 4202020
- 
- 
+  const amountArticles = 4202020;
 
   return (
     <section className="bg-main bg-center bg-cover bg-origin-border bg-no-repeat min-h-[100vh] py-32 px-2 sm:px-6 md:px-6 lg:px-0 items-center flex justify-center ">
@@ -21,8 +19,14 @@ export default function MainSection() {
         </div>
         <div className="flex flex-row items-center justify-center space-x-3 pt-2">
           <div className=" text-2xl text-gray-400">{t("mainPage.search")}</div>
-          <div className=" text-3xl text-blue-500">{formatNumber(amountArticles)}</div>
-          <div className=" text-2xl text-gray-400">{nextT("mainPage.article", {count: amountArticles}).toString()}</div>
+          <div className=" text-3xl text-blue-500">
+            {formatNumber(amountArticles)}
+          </div>
+          <div className=" text-2xl text-gray-400">
+            {nextT("mainPage.article_many", {
+              count: amountArticles,
+            }).toString()}
+          </div>
         </div>
         <div className="max-w-xl m-auto pt-16 ">
           <SearchBar />