translation fix

This commit is contained in:
Kakabay 2024-04-10 18:13:08 +05:00
parent 189d1b766d
commit e8be59628d
2 changed files with 163 additions and 132 deletions

View File

@ -1,13 +1,13 @@
// IMPORT MODULES
import React, { useState, useContext } from 'react';
import { LanguageContext } from '../../backend/LanguageContext';
import { useForm } from 'react-hook-form';
import { z } from 'zod';
import { zodResolver } from '@hookform/resolvers/zod';
import React, { useState, useContext } from "react";
import { LanguageContext } from "../../backend/LanguageContext";
import { useForm } from "react-hook-form";
import { z } from "zod";
import { zodResolver } from "@hookform/resolvers/zod";
// IMPORT IMAGES
import next from '../../icons/next.svg';
import next_reverse from '../../icons/next-reverse.svg';
import { UserContext } from '../../backend/UserContext';
import next from "../../icons/next.svg";
import next_reverse from "../../icons/next-reverse.svg";
import { UserContext } from "../../backend/UserContext";
// import arrow from "../../icons/arrow.svg";
// const schema = z.object({
@ -46,14 +46,14 @@ const BorrowerInfo = ({
} = useForm({
// resolver: zodResolver(schema),
defaultValues: {
name: borrowerData.name ? borrowerData.name : 'Loading',
surname: borrowerData.surname ? borrowerData.surname : 'loading',
lastname: borrowerData.lastname ? borrowerData.lastname : 'loading',
passportSerial: borrowerData.idSeria ? borrowerData.idSeria : 'Loading',
passportNumber: borrowerData.idNo ? borrowerData.idNo : 'Loading',
bankAccount: borrowerData.accountNo ? borrowerData.accountNo : 'Loading',
birthDate: borrowerData.birthDate ? borrowerData.birthDate : 'Loading',
address: borrowerData.address ? borrowerData.address : 'Loading',
name: borrowerData.name ? borrowerData.name : "Loading",
surname: borrowerData.surname ? borrowerData.surname : "loading",
lastname: borrowerData.lastname ? borrowerData.lastname : "loading",
passportSerial: borrowerData.idSeria ? borrowerData.idSeria : "Loading",
passportNumber: borrowerData.idNo ? borrowerData.idNo : "Loading",
bankAccount: borrowerData.accountNo ? borrowerData.accountNo : "Loading",
birthDate: borrowerData.birthDate ? borrowerData.birthDate : "Loading",
address: borrowerData.address ? borrowerData.address : "Loading",
phoneNumber: user.mobile_phone,
},
});
@ -73,127 +73,146 @@ const BorrowerInfo = ({
<section className="imm-cs-1 cs-1">
<form onSubmit={handleSubmit(onSubmit)}>
<h2 className="cs-2-title">
{locale === 'TKM'
? 'Görkezilen maglumatlary tassyklaň, eger-de görkezilen maglumatlar nädogry bolsa ýa-da doldurylmadyk meýdançalar bar bolsa, bank bilen habarlaşyň!'
: locale === 'РУС'
? 'Подтвердите указанные данные, если указанные данные неверны или есть пустые поля, обратитесь в банк!'
: locale === 'ENG'
? 'Confirm the specified data, if the specified data is incorrect or there are blank fields, contact the bank!'
: 'Görkezilen maglumatlary tassyklaň, eger-de görkezilen maglumatlar nädogry bolsa ýa-da doldurylmadyk meýdançalar bar bolsa, bank bilen habarlaşyň!'}
{locale === "TKM"
? "Görkezilen maglumatlary tassyklaň, eger-de görkezilen maglumatlar nädogry bolsa ýa-da doldurylmadyk meýdançalar bar bolsa, bank bilen habarlaşyň!"
: locale === "РУС"
? "Подтвердите указанные данные, если указанные данные неверны или есть пустые поля, обратитесь в банк!"
: locale === "ENG"
? "Confirm the specified data, if the specified data is incorrect or there are blank fields, contact the bank!"
: "Görkezilen maglumatlary tassyklaň, eger-de görkezilen maglumatlar nädogry bolsa ýa-da doldurylmadyk meýdançalar bar bolsa, bank bilen habarlaşyň!"}
</h2>
<div className="imm-credit-form-wrapper">
<div className="input-block">
<label htmlFor="name">
{locale === 'TKM'
? 'At'
: locale === 'РУС'
? 'Имя'
: locale === 'ENG'
? 'Name'
: 'At'}
{locale === "TKM"
? "At"
: locale === "РУС"
? "Имя"
: locale === "ENG"
? "Name"
: "At"}
</label>
<input {...register('name')} type="text" id="name" disabled />
<input {...register("name")} type="text" id="name" disabled />
{/* {errors.name && <span>{errors.name.message}</span>} */}
</div>
<div className="input-block">
<label htmlFor="lastname">
{locale === 'TKM'
? 'At'
: locale === 'РУС'
? 'Фамилия'
: locale === 'ENG'
? 'lastname'
: 'At'}
{locale === "TKM"
? "Familiýasy"
: locale === "РУС"
? "Фамилия"
: locale === "ENG"
? "Lastname"
: "Familiýasy"}
</label>
<input {...register('lastname')} type="text" id="lastname" disabled />
<input
{...register("lastname")}
type="text"
id="lastname"
disabled
/>
{/* {errors.surname && <span>{errors.surname.message}</span>} */}
</div>
<div className="input-block">
<label htmlFor="surname">
{locale === 'TKM'
? 'Familiýasy'
: locale === 'РУС'
? 'Отчество'
: locale === 'ENG'
? 'Middle name'
: 'Familiýasy'}
{locale === "TKM"
? "Atasynyň ady"
: locale === "РУС"
? "Отчество"
: locale === "ENG"
? "Middle name"
: "Atasynyň ady"}
</label>
<input {...register('surname')} type="text" id="surname" disabled />
<input {...register("surname")} type="text" id="surname" disabled />
{/* {errors.surname && <span>{errors.surname.message}</span>} */}
</div>
<div className="input-block">
<label htmlFor="birthDate">
{locale === 'TKM'
? 'Doglan ýyly'
: locale === 'РУС'
? 'Год рождения'
: locale === 'ENG'
? 'Year of birth'
: 'Doglan ýyly'}
{locale === "TKM"
? "Doglan ýyly"
: locale === "РУС"
? "Год рождения"
: locale === "ENG"
? "Year of birth"
: "Doglan ýyly"}
</label>
<input {...register('birthDate')} type="text" id="birthDate" disabled />
<input
{...register("birthDate")}
type="text"
id="birthDate"
disabled
/>
{/* {errors.surname && <span>{errors.surname.message}</span>} */}
</div>
<div className="input-block">
<label htmlFor="passport-serial">
{locale === 'TKM'
? 'Pasport seriýasy'
: locale === 'РУС'
? 'Серия паспорта'
: locale === 'ENG'
? 'Passport Series'
: 'Pasport seriýasy'}
{locale === "TKM"
? "Pasport seriýasy"
: locale === "РУС"
? "Серия паспорта"
: locale === "ENG"
? "Passport Series"
: "Pasport seriýasy"}
</label>
<input {...register('passportSerial')} type="text" id="passport-serial" disabled />
{errors.passportSerial && <span>{errors.passportSerial.message}</span>}
<input
{...register("passportSerial")}
type="text"
id="passport-serial"
disabled
/>
{errors.passportSerial && (
<span>{errors.passportSerial.message}</span>
)}
</div>
<div className="input-block">
<label htmlFor="passport-number">
{locale === 'TKM'
? 'Pasport şahsyýetnamasy'
: locale === 'РУС'
? 'Номер паспорта'
: locale === 'ENG'
? 'Passport ID'
: 'Pasport şahsyýetnamasy'}
{locale === "TKM"
? "Pasport belgisi"
: locale === "РУС"
? "Номер паспорта"
: locale === "ENG"
? "Passport ID"
: "Pasport belgisi"}
</label>
<input
{...register('passportNumber', { valueAsNumber: true })}
{...register("passportNumber", { valueAsNumber: true })}
type="number"
id="passport-number"
disabled
/>
{errors.passportNumber && <span>{errors.passportNumber.message}</span>}
{errors.passportNumber && (
<span>{errors.passportNumber.message}</span>
)}
</div>
<div className="input-block">
<label htmlFor="address">
{locale === 'TKM'
? 'Ýaşaýan salgysy'
: locale === 'РУС'
? 'Адрес прописки'
: locale === 'ENG'
? 'Address of residence'
: 'Ýaşaýan salgysy'}
{locale === "TKM"
? "Ýaşaýan salgysy"
: locale === "РУС"
? "Адрес прописки"
: locale === "ENG"
? "Address of residence"
: "Ýaşaýan salgysy"}
</label>
<input {...register('address')} type="text" id="address" disabled />
<input {...register("address")} type="text" id="address" disabled />
</div>
<div className="input-block">
<label htmlFor="bank-acc">
{locale === 'TKM'
? 'Aýlyk kartyň hasaby'
: locale === 'РУС'
? 'Счет зарплатной карты'
: locale === 'ENG'
? 'Salary card account'
: 'Aýlyk kartyň hasaby'}
{locale === "TKM"
? "Aýlyk kartyň hasaby"
: locale === "РУС"
? "Счет зарплатной карты"
: locale === "ENG"
? "Salary card account"
: "Aýlyk kartyň hasaby"}
</label>
<input
{...register('bankAccount', { valueAsNumber: true })}
{...register("bankAccount", { valueAsNumber: true })}
type="number"
id="bank-acc"
disabled
@ -202,28 +221,33 @@ const BorrowerInfo = ({
</div>
<div className="input-block">
<label htmlFor="phone-number">
{locale === 'TKM'
? 'Telefon belgisi'
: locale === 'РУС'
? 'Номер телефона'
: locale === 'ENG'
? 'Phone number'
: 'Telefon belgisi'}
{locale === "TKM"
? "Telefon belgisi"
: locale === "РУС"
? "Номер телефона"
: locale === "ENG"
? "Phone number"
: "Telefon belgisi"}
</label>
<input disabled type="text" id="phone-number" {...register('phoneNumber')} />
<input
disabled
type="text"
id="phone-number"
{...register("phoneNumber")}
/>
{errors.phoneNumber && <span>{errors.phoneNumber.message}</span>}
</div>
<div className="input-block">
<label htmlFor="workPlace">
{locale === 'TKM'
? 'Iş ýeriňizi dolduryň'
: locale === 'РУС'
? 'Заполните место работы'
: locale === 'ENG'
? 'Fill the place of work'
: 'Iş ýeriňizi dolduryň'}
{locale === "TKM"
? "Iş ýeriňizi dolduryň"
: locale === "РУС"
? "Заполните место работы"
: locale === "ENG"
? "Fill the place of work"
: "Iş ýeriňizi dolduryň"}
<span> *</span>
</label>
<input
@ -236,13 +260,13 @@ const BorrowerInfo = ({
</div>
<div className="input-block">
<label htmlFor="workPosition">
{locale === 'TKM'
? 'Wezipäňizi dolduryň'
: locale === 'РУС'
? 'Заполните должность'
: locale === 'ENG'
? 'Fill the position'
: 'Wezipäňizi dolduryň'}
{locale === "TKM"
? "Wezipäňizi dolduryň"
: locale === "РУС"
? "Заполните должность"
: locale === "ENG"
? "Fill the position"
: "Wezipäňizi dolduryň"}
<span> *</span>
</label>
<input
@ -256,38 +280,45 @@ const BorrowerInfo = ({
</div>
<div className="cu-bottom cd-2-title">
<button type="button" className="sign-btn reg-btn" onClick={() => setStage(1)}>
<button
type="button"
className="sign-btn reg-btn"
onClick={() => setStage(1)}
>
<div>
<div className="btn-img">
<img src={next_reverse} alt="logout" />
</div>
<h3>
{locale === 'TKM'
? 'Yza'
: locale === 'РУС'
? 'Назад'
: locale === 'ENG'
? 'Back'
: 'Yza'}
{locale === "TKM"
? "Yza"
: locale === "РУС"
? "Назад"
: locale === "ENG"
? "Back"
: "Yza"}
</h3>
</div>
</button>
<button
type="button"
disabled={
recipientWorkPosition.length < 3 || recipientWorkPlace.length < 3 ? true : false
recipientWorkPosition.length < 3 || recipientWorkPlace.length < 3
? true
: false
}
className="sign-btn cu-btn"
onClick={() => (isGuranter ? setStage(4) : setStage(7))}>
onClick={() => (isGuranter ? setStage(4) : setStage(7))}
>
<div>
<h3>
{locale === 'TKM'
? 'Dowam et'
: locale === 'РУС'
? 'Подтвердить '
: locale === 'ENG'
? 'Proceed'
: 'Dowam et'}
{locale === "TKM"
? "Dowam et"
: locale === "РУС"
? "Подтвердить "
: locale === "ENG"
? "Proceed"
: "Dowam et"}
</h3>
<div className="btn-img">
<img src={next} alt="logout" />
@ -298,7 +329,7 @@ const BorrowerInfo = ({
</form>
</section>
) : (
'Loading'
"Loading"
);
};

View File

@ -59,12 +59,12 @@ const GuaranterInfo = ({ setStage, isGuranter, guaranterData }) => {
<form onSubmit={handleSubmit(onSubmit)}>
<h2 className="cs-2-title">
{locale === "TKM"
? "Zamunçynyň görkezilen maglumatlaryny tassyklan, egerde görkezilen maglumatlar nädogry bolsa ýa doldurylmadyk meýdançalar bolsa bank bilen habarlaşyn"
? "Zamunçynyň görkezilen maglumatlaryny tassyklaň, eger-de görkezilen maglumatlar nädogry bolsa ýa doldurylmadyk meýdançalar bolsa bank bilen habarlaşyň"
: locale === "РУС"
? "Подтвердите предоставленную заемщиком информацию и связажитесь с банком, если предоставленная информация была неверной или поля не были заполнены"
: locale === "ENG"
? "Confirm the information provided by the borrower and contact the bank if the information provided was incorrect or fields were not completed"
: "Zamunçynyň görkezilen maglumatlaryny tassyklan, egerde görkezilen maglumatlar nädogry bolsa ýa doldurylmadyk meýdançalar bolsa bank bilen habarlaşyn"}
? "Confirm the information provided by the guarantor and contact the bank if the information provided was incorrect or fields were not completed"
: "Zamunçynyň görkezilen maglumatlaryny tassyklaň, eger-de görkezilen maglumatlar nädogry bolsa ýa doldurylmadyk meýdançalar bolsa bank bilen habarlaşyň"}
</h2>
<div className="imm-credit-form-wrapper">
<div className="input-block">