TPS
/
halkbank_shahsyotag_frontend
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

translation

This commit is contained in:
VividTruthKeeper 2022-04-03 11:04:27 +05:00
parent e6f38dcd7a
commit 80084593be
2 changed files with 45 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/global/LoggedNav.js
View File

@ -3,6 +3,7 @@ import React, { useState, useContext, useRef } from "react";
import { Link } from "react-router-dom";
import { UserContext } from "../../backend/UserContext";
import { deleteUser } from "../../backend/deleteUser";
import { LanguageContext } from "../../backend/LanguageContext";
// IMPORT COMPONENTS
import Loader from "./Loader";
@ -13,7 +14,8 @@ import lang from "../../icons/lang.svg";
import arrow from "../../icons/arrow-down.svg";
import userImg from "../../icons/user.svg";
const LoggedNav = ({ sideOpen, setSideOpen, animator, setAnimator }) => {
const LoggedNav = ({ sideOpen, setSideOpen }) => {
const { locale, setLocale } = useContext(LanguageContext);
const { user, setUser } = useContext(UserContext);
const langBlock = useRef();
const userBlock = useRef();
@ -21,7 +23,7 @@ const LoggedNav = ({ sideOpen, setSideOpen, animator, setAnimator }) => {
setLanguage(lang);
};
const [langOpen, setLangOpen] = useState(false);
const [language, setLanguage] = useState("РУС");
const [language, setLanguage] = useState(locale);
const [profile, setProfile] = useState(false);
return (
@ -55,8 +57,12 @@ const LoggedNav = ({ sideOpen, setSideOpen, animator, setAnimator }) => {
<img src={hb} alt="Halk Bank" />
</Link>
<Link to="/" className="nav-title">
<h1>Халкбанк</h1>
<h4>"Главная ценность Банка-наши Клиенты"</h4>
<h1>{locale === "РУС" ? "Халкбанк" : "Halkbank"}</h1>
<h4>
{locale === "РУС"
? '"Главная ценность Банка-наши Клиенты"'
: '"Bankyň esasy gymmatlygy Müşderilerdir"'}
</h4>
</Link>
</div>
<div className="nav__right">
@ -84,6 +90,7 @@ const LoggedNav = ({ sideOpen, setSideOpen, animator, setAnimator }) => {
className="lang-el"
onClick={(e) => {
handleLanguage(e.target.innerText);
setLocale(e.target.innerText);
}}
>
РУС
@ -92,14 +99,7 @@ const LoggedNav = ({ sideOpen, setSideOpen, animator, setAnimator }) => {
className="lang-el"
onClick={(e) => {
handleLanguage(e.target.innerText);
}}
>
ENG
</li>
<li
className="lang-el"
onClick={(e) => {
handleLanguage(e.target.innerText);
setLocale(e.target.innerText);
}}
>
TUK
@ -117,7 +117,11 @@ const LoggedNav = ({ sideOpen, setSideOpen, animator, setAnimator }) => {
<div className="user-dropdown">
<ul>
<li>
<Link to="/home/profile">Данные профиля</Link>
<Link to="/home/profile">
{locale === "TUK"
? "Profiliň maglumaty"
: "Данные профиля"}
</Link>
</li>
<li>
<button
@ -127,7 +131,7 @@ const LoggedNav = ({ sideOpen, setSideOpen, animator, setAnimator }) => {
setUser(null);
}}
>
Выход
{locale === "TUK" ? "Çykmak" : "Выход"}
</button>
</li>
</ul>

36
src/components/global/Side.js
View File

@ -3,6 +3,7 @@ import React, { useState, useEffect, useContext, useRef } from "react";
import { Link } from "react-router-dom";
import { UserContext } from "../../backend/UserContext";
import { deleteUser } from "../../backend/deleteUser";
import { LanguageContext } from "../../backend/LanguageContext";
// IMPORT IMAGES
import card from "../../icons/card.svg";
@ -16,6 +17,7 @@ import close from "../../icons/close.svg";
const Side = ({ sideOpen, setSideOpen }) => {
const inner = useRef();
const { locale } = useContext(LanguageContext);
const { setUser } = useContext(UserContext);
const [linkStage, setLinkStage] = useState(0);
@ -50,7 +52,9 @@ const Side = ({ sideOpen, setSideOpen }) => {
<div className="list-wrapper">
<ul>
<li className="side-top-li">
<h2 className="side-title">Разделы</h2>
<h2 className="side-title">
{locale === "TUK" ? "Bölümler" : "Разделы"}
</h2>
<div
className="side-quit"
onClick={() => {
@ -70,7 +74,9 @@ const Side = ({ sideOpen, setSideOpen }) => {
<div className="link-img">
<img src={card} alt="link" />
</div>
<span>Пластиковые карты</span>
<span>
{locale === "TUK" ? "Plastik kartlar" : "Пластиковые карты"}
</span>
</Link>
</li>
<li
@ -83,7 +89,7 @@ const Side = ({ sideOpen, setSideOpen }) => {
<div className="link-img">
<img src={credit} alt="link" />
</div>
<span>Кредиты</span>
<span>{locale === "TUK" ? "Karzlar" : "Кредиты"}</span>
</Link>
</li>
<li
@ -96,13 +102,17 @@ const Side = ({ sideOpen, setSideOpen }) => {
<div className="link-img">
<img src={mail} alt="link" />
</div>
<span>Написать письмо</span>
<span>
{locale === "TUK" ? "Hat ýazmak" : "Написать письмо"}
</span>
</Link>
</li>
</ul>
<ul>
<li>
<h2 className="side-title">Профиль</h2>
<h2 className="side-title">
{locale === "TUK" ? "Profil" : "Профиль"}
</h2>
</li>
<li
className={linkStage === 4 ? "active" : ""}
@ -114,7 +124,9 @@ const Side = ({ sideOpen, setSideOpen }) => {
<div className="link-img">
<img src={user} alt="link" />
</div>
<span>Данные профиля</span>
<span>
{locale === "TUK" ? "Profiliň maglumaty" : "Данные профиля"}
</span>
</Link>
</li>
<li
@ -127,7 +139,9 @@ const Side = ({ sideOpen, setSideOpen }) => {
<div className="link-img">
<img src={password} alt="link" />
</div>
<span>Смена пароля</span>
<span>
{locale === "TUK" ? "Açar sözüni çalyşmak" : "Смена пароля"}
</span>
</Link>
</li>
<li>
@ -141,7 +155,7 @@ const Side = ({ sideOpen, setSideOpen }) => {
<div className="link-img">
<img src={quit} alt="link" />
</div>
<span>Выход</span>
<span>{locale === "TUK" ? "Çykmak" : "Выход"}</span>
</button>
</li>
</ul>
@ -150,7 +164,11 @@ const Side = ({ sideOpen, setSideOpen }) => {
<div className="footer-img">
<img src={arrow} alt="arrow" />
</div>
<span>Вернутся на главный сайт</span>
<span>
{locale === "TUK"
? "Baş sahypa dolanmak"
: "Вернутся на главный сайт"}
</span>
</Link>
</div>
</div>