Scipaper/Frontend
5
0
Fork 0
Code Issues 15 Pull Requests Packages Projects Releases Wiki Activity

the translation in the main section has been resolved

Browse Source
This commit is contained in:
“Salar 2022-10-21 13:46:47 +03:00
parent dcfe260f0e
commit 28cc9b1a71
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/MainPage/sections/MainSection.tsx
View File

@ -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 />