From 97dd608f079d216d454bc40808ba8b90b429da53 Mon Sep 17 00:00:00 2001
From: Kakabay <2kakabayashyrberdyew@gmail.com>
Date: Wed, 10 Apr 2024 12:29:49 +0500
Subject: [PATCH] translations fixed

---
 .../ImmediateCreditsStages/BorrowerStage.js   | 225 ++++++------
 .../ImmediateCreditsStages/GuaranterStage.js  | 182 +++++-----
 .../ImmediateCreditsStages/NotAUser.js        |  47 +--
 .../immediateCredits/ImmediateCreditModal.js  | 337 ++++++++++--------
 4 files changed, 431 insertions(+), 360 deletions(-)

diff --git a/src/components/ImmediateCreditsStages/BorrowerStage.js b/src/components/ImmediateCreditsStages/BorrowerStage.js
index c754286..01f8c9d 100644
--- a/src/components/ImmediateCreditsStages/BorrowerStage.js
+++ b/src/components/ImmediateCreditsStages/BorrowerStage.js
@@ -1,14 +1,14 @@
 // IMPORT MODULES
-import React, { useState, useRef, useContext, useEffect } 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, useRef, useContext, useEffect } 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 next from "../../icons/next.svg";
+import next_reverse from "../../icons/next-reverse.svg";
 
-import Select from '../global/Select';
+import Select from "../global/Select";
 // import arrow from "../../icons/arrow.svg";
 
 // const schema = z.object({
@@ -21,18 +21,18 @@ import Select from '../global/Select';
 // });
 
 const IDSerias = [
-  'I-AS',
-  'I-AH',
-  'I-BN',
-  'I-LB',
-  'I-MR',
-  'I-DZ',
-  'II-AS',
-  'II-AH',
-  'II-BN',
-  'II-LB',
-  'II-MR',
-  'II-DZ',
+  "I-AS",
+  "I-AH",
+  "I-BN",
+  "I-LB",
+  "I-MR",
+  "I-DZ",
+  "II-AS",
+  "II-AH",
+  "II-BN",
+  "II-LB",
+  "II-MR",
+  "II-DZ",
 ];
 // 478992
 // 23908934160170143144000
@@ -47,6 +47,8 @@ const BorrowerStage = ({
   setRecepientAmount,
   setErrMessage,
   modalOpen,
+  setErrMessageEn,
+  setErrMessageTkm,
 }) => {
   const { locale } = useContext(LanguageContext);
 
@@ -55,9 +57,9 @@ const BorrowerStage = ({
   const [errCode, setErrCode] = useState();
   const [isGuranterSelected, setIsGuranterSelected] = useState(false);
 
-  const [idSerial, setIdSerial] = useState('I-AS');
-  const [passportNumber, setPassportNumber] = useState('');
-  const [accNumber, setAccNumber] = useState('');
+  const [idSerial, setIdSerial] = useState("I-AS");
+  const [passportNumber, setPassportNumber] = useState("");
+  const [accNumber, setAccNumber] = useState("");
 
   const handlePassportNumber = (e) => {
     setPassportNumber(e.target.value);
@@ -72,7 +74,7 @@ const BorrowerStage = ({
   };
 
   const checkboxHandleChange = (e) => {
-    e.target.value === 'guaranter' ? setIsGuranter(true) : setIsGuranter(false);
+    e.target.value === "guaranter" ? setIsGuranter(true) : setIsGuranter(false);
   };
 
   const {
@@ -89,17 +91,17 @@ const BorrowerStage = ({
       const response = await fetch(
         `https://shahsyotag.halkbank.gov.tm/onlineloan-services/api/clientinfo`,
         {
-          method: 'POST',
+          method: "POST",
           headers: {
-            'Content-Type': 'application/json',
+            "Content-Type": "application/json",
           },
           body: JSON.stringify({
             idSeria: idSeria,
             idNo: idNo,
             accountNo: accountNo,
-            clientType: 'recipient',
+            clientType: "recipient",
           }),
-        },
+        }
       );
 
       if (!response.ok) {
@@ -120,6 +122,8 @@ const BorrowerStage = ({
         setStage(2);
       } else if (responseJson.errCode !== 0) {
         setErrMessage(responseJson.messageRu);
+        setErrMessageEn(responseJson.messageEn);
+        setErrMessageTkm(responseJson.message);
         setStage(3);
       }
     } catch (error) {
@@ -144,14 +148,14 @@ const BorrowerStage = ({
     return (
       <section className="loading">
         <h1 className="cs-2-title">
-          {' '}
-          {locale === 'TKM'
-            ? 'Garaşmagyňyzy haýyş edýäris ...'
-            : locale === 'РУС'
-            ? 'Пожалуйста, подождите...'
-            : locale === 'ENG'
-            ? 'Please wait...'
-            : 'Garaşmagyňyzy haýyş edýäris ...'}
+          {" "}
+          {locale === "TKM"
+            ? "Garaşmagyňyzy haýyş edýäris ..."
+            : locale === "РУС"
+            ? "Пожалуйста, подождите..."
+            : locale === "ENG"
+            ? "Please wait..."
+            : "Garaşmagyňyzy haýyş edýäris ..."}
         </h1>
       </section>
     );
@@ -187,44 +191,44 @@ const BorrowerStage = ({
     <section className="imm-cs-1 cs-1">
       <form onSubmit={handleSubmit(onSubmit)}>
         <h2 className="cs-2-title">
-          {locale === 'TKM'
-            ? 'Maglumatlary dolduryň'
-            : locale === 'РУС'
-            ? 'Заполните данные'
-            : locale === 'ENG'
-            ? 'Fill in the details'
-            : 'Maglumatlary dolduryň'}
+          {locale === "TKM"
+            ? "Maglumatlary dolduryň"
+            : locale === "РУС"
+            ? "Заполните данные"
+            : locale === "ENG"
+            ? "Fill in the details"
+            : "Maglumatlary dolduryň"}
         </h2>
         <div className="imm-credit-form-wrapper">
           <Select
             items={IDSerias}
-            customId={'card'}
-            blockName={'card-1-select'}
-            elName={'card-1-select-el'}
-            name={'passportSerial'}
+            customId={"card"}
+            blockName={"card-1-select"}
+            elName={"card-1-select-el"}
+            name={"passportSerial"}
             eTarget={true}
             register={register}
             label={
-              locale === 'TKM'
-                ? 'Pasportyň seriýasy'
-                : locale === 'РУС'
-                ? 'Серия паспорта'
-                : locale === 'ENG'
-                ? 'Passport Series'
-                : 'Pasportyň seriýasy'
+              locale === "TKM"
+                ? "Pasportyň seriýasy"
+                : locale === "РУС"
+                ? "Серия паспорта"
+                : locale === "ENG"
+                ? "Passport Series"
+                : "Pasportyň seriýasy"
             }
             stateSetter={setIdSerial}
           />
 
           <div className="input-block">
             <label htmlFor="passport-number">
-              {locale === 'TKM'
-                ? 'Pasportyň belgisi'
-                : locale === 'РУС'
-                ? 'Номер паспорта'
-                : locale === 'ENG'
-                ? 'Passport number'
-                : 'Pasportyň belgisi'}
+              {locale === "TKM"
+                ? "Pasportyň belgisi"
+                : locale === "РУС"
+                ? "Номер паспорта"
+                : locale === "ENG"
+                ? "Passport number"
+                : "Pasportyň belgisi"}
             </label>
             <input
               // {...register("passportNumber", { valueAsNumber: true })}
@@ -238,13 +242,13 @@ const BorrowerStage = ({
           </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 })}
@@ -262,56 +266,66 @@ const BorrowerStage = ({
 
         <div className="imm-credit-checkbox-wrapper">
           <h3>
-            {locale === 'TKM'
-              ? 'Zamunçylygyň görnüşini saýlan'
-              : locale === 'РУС'
-              ? 'Выберите вид поручителя'
-              : locale === 'ENG'
-              ? 'Select the type of guarantor'
-              : 'Zamunçylygyň görnüşini saýlan'}
+            {locale === "TKM"
+              ? "Zamunçylygyň görnüşini saýlan"
+              : locale === "РУС"
+              ? "Выберите вид поручителя"
+              : locale === "ENG"
+              ? "Select the type of guarantor"
+              : "Zamunçylygyň görnüşini saýlan"}
           </h3>
           <div className="imm-credit-checkbox-group">
-            <div className="imm-credit-checkbox-block" onClick={() => isGuranterHandler(false)}>
+            <div
+              className="imm-credit-checkbox-block"
+              onClick={() => isGuranterHandler(false)}
+            >
               <input
                 type="radio"
                 id="borrower"
-                value={'recepient'}
+                value={"recepient"}
                 name="client-type"
-                checked={isGuranterSelected ? (isGuranter ? false : true) : false}
+                checked={
+                  isGuranterSelected ? (isGuranter ? false : true) : false
+                }
                 onChange={checkboxHandleChange}
                 // {...register("clientType")}
                 className="radio-button"
               />
               <label htmlFor="borrower">
-                {locale === 'TKM'
-                  ? 'Ätiýaçlandyryş hyzmaty'
-                  : locale === 'РУС'
-                  ? 'Гос. страхование'
-                  : locale === 'ENG'
-                  ? 'Insurance Service '
-                  : 'Ätiýaçlandyryş hyzmaty'}
+                {locale === "TKM"
+                  ? "Ätiýaçlandyryş hyzmaty"
+                  : locale === "РУС"
+                  ? "Гос. страхование"
+                  : locale === "ENG"
+                  ? "Insurance Service "
+                  : "Ätiýaçlandyryş hyzmaty"}
               </label>
             </div>
 
-            <div className="imm-credit-checkbox-block" onClick={() => isGuranterHandler(true)}>
+            <div
+              className="imm-credit-checkbox-block"
+              onClick={() => isGuranterHandler(true)}
+            >
               <input
                 type="radio"
                 id="isGuranter"
-                value={'guaranter'}
+                value={"guaranter"}
                 name="client-type"
-                checked={isGuranterSelected ? (isGuranter ? true : false) : false}
+                checked={
+                  isGuranterSelected ? (isGuranter ? true : false) : false
+                }
                 onChange={checkboxHandleChange}
                 // {...register("clientType")}
                 className="radio-button"
               />
               <label htmlFor="isGuranter">
-                {locale === 'TKM'
-                  ? 'Zamunçy'
-                  : locale === 'РУС'
-                  ? 'Поручитель'
-                  : locale === 'ENG'
-                  ? 'The guarantor'
-                  : 'Zamunçy'}
+                {locale === "TKM"
+                  ? "Zamunçy"
+                  : locale === "РУС"
+                  ? "Поручитель"
+                  : locale === "ENG"
+                  ? "The guarantor"
+                  : "Zamunçy"}
               </label>
             </div>
           </div>
@@ -320,7 +334,9 @@ const BorrowerStage = ({
         <div className="card-button cs-1-bottom">
           <button
             disabled={
-              passportNumber.length === 6 && accNumber.length === 23 && isGuranterSelected
+              passportNumber.length === 6 &&
+              accNumber.length === 23 &&
+              isGuranterSelected
                 ? false
                 : true
             }
@@ -328,16 +344,17 @@ const BorrowerStage = ({
             className="sign-btn cd-btn"
             onClick={() => {
               // setData({ ...data, type: inputValid, type_localized: input });
-            }}>
+            }}
+          >
             <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" />
diff --git a/src/components/ImmediateCreditsStages/GuaranterStage.js b/src/components/ImmediateCreditsStages/GuaranterStage.js
index 65b9245..1eb2dbf 100644
--- a/src/components/ImmediateCreditsStages/GuaranterStage.js
+++ b/src/components/ImmediateCreditsStages/GuaranterStage.js
@@ -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 Select from '../global/Select';
+import next from "../../icons/next.svg";
+import next_reverse from "../../icons/next-reverse.svg";
+import Select from "../global/Select";
 
 // const schema = z.object({
 //   passportNumber: z
@@ -24,18 +24,18 @@ import Select from '../global/Select';
 // });
 
 const IDSerias = [
-  'I-AS',
-  'I-AH',
-  'I-BN',
-  'I-LB',
-  'I-MR',
-  'I-DZ',
-  'II-AS',
-  'II-AH',
-  'II-BN',
-  'II-LB',
-  'II-MR',
-  'II-DZ',
+  "I-AS",
+  "I-AH",
+  "I-BN",
+  "I-LB",
+  "I-MR",
+  "I-DZ",
+  "II-AS",
+  "II-AH",
+  "II-BN",
+  "II-LB",
+  "II-MR",
+  "II-DZ",
 ];
 
 const GuaranterStage = ({
@@ -44,6 +44,8 @@ const GuaranterStage = ({
   setGuaranterData,
   setSignGuaranter,
   setErrMessage,
+  setErrMessageEn,
+  setErrMessageTkm,
   borrowerData,
 }) => {
   const { locale } = useContext(LanguageContext);
@@ -52,9 +54,9 @@ const GuaranterStage = ({
   const [err, setErr] = useState(false);
   const [errCode, setErrCode] = useState();
 
-  const [idSerial, setIdSerial] = useState('I-AS');
-  const [passportNumber, setPassportNumber] = useState('');
-  const [accNumber, setAccNumber] = useState('');
+  const [idSerial, setIdSerial] = useState("I-AS");
+  const [passportNumber, setPassportNumber] = useState("");
+  const [accNumber, setAccNumber] = useState("");
 
   const handlePassportNumber = (e) => {
     setPassportNumber(e.target.value);
@@ -77,19 +79,19 @@ const GuaranterStage = ({
       const response = await fetch(
         `https://shahsyotag.halkbank.gov.tm/onlineloan-services/api/clientinfo`,
         {
-          method: 'POST',
+          method: "POST",
           headers: {
-            'Content-Type': 'application/json',
+            "Content-Type": "application/json",
           },
           body: JSON.stringify({
             idSeria: idSeria,
             idNo: idNo,
             accountNo: accountNo,
-            clientType: 'guarantor',
+            clientType: "guarantor",
             signRecipient: signRecipient,
             availableAmount: borrowerData.availableAmount,
           }),
-        },
+        }
       );
 
       if (!response.ok) {
@@ -111,6 +113,9 @@ const GuaranterStage = ({
       if (responseJson.errCode === 0) {
         setStage(5);
       } else if (responseJson.errCode !== 0) {
+        setErrMessage(responseJson.messageRu);
+        setErrMessageEn(responseJson.messageEn);
+        setErrMessageTkm(responseJson.message);
         setStage(6);
       }
     } catch (error) {
@@ -128,14 +133,14 @@ const GuaranterStage = ({
     return (
       <section className="loading">
         <h1 className="cs-2-title">
-          {' '}
-          {locale === 'TKM'
-            ? 'Garaşmagyňyzy haýyş edýäris ...'
-            : locale === 'РУС'
-            ? 'Пожалуйста, подождите...'
-            : locale === 'ENG'
-            ? 'Please wait...'
-            : 'Garaşmagyňyzy haýyş edýäris ...'}
+          {" "}
+          {locale === "TKM"
+            ? "Garaşmagyňyzy haýyş edýäris ..."
+            : locale === "РУС"
+            ? "Пожалуйста, подождите..."
+            : locale === "ENG"
+            ? "Please wait..."
+            : "Garaşmagyňyzy haýyş edýäris ..."}
         </h1>
       </section>
     );
@@ -145,44 +150,44 @@ const GuaranterStage = ({
     <section className="imm-cs-1 cs-1">
       <form onSubmit={handleSubmit(onSubmit)}>
         <h2 className="cs-2-title">
-          {locale === 'TKM'
-            ? 'Zamunçynyň maglumtlaryny tassyklaň'
-            : locale === 'РУС'
-            ? 'Заполните данные поручителя'
-            : locale === 'ENG'
-            ? 'Confirm the guarantor’s details'
-            : 'Zamunçynyň maglumtlaryny tassyklaň'}
+          {locale === "TKM"
+            ? "Zamunçynyň maglumtlaryny dolduryň"
+            : locale === "РУС"
+            ? "Заполните данные поручителя"
+            : locale === "ENG"
+            ? "Fill in the guarantor’s details"
+            : "Zamunçynyň maglumtlaryny dolduryň"}
         </h2>
         <div className="imm-credit-form-wrapper">
           <Select
             items={IDSerias}
-            customId={'card'}
-            blockName={'card-1-select'}
-            elName={'card-1-select-el'}
-            name={'passportSerial'}
+            customId={"card"}
+            blockName={"card-1-select"}
+            elName={"card-1-select-el"}
+            name={"passportSerial"}
             eTarget={true}
             register={register}
             label={
-              locale === 'TKM'
-                ? 'Pasportyň seriýasy'
-                : locale === 'РУС'
-                ? 'Серия паспорта'
-                : locale === 'ENG'
-                ? 'Passport Series'
-                : 'Pasportyň seriýasy'
+              locale === "TKM"
+                ? "Pasportyň seriýasy"
+                : locale === "РУС"
+                ? "Серия паспорта"
+                : locale === "ENG"
+                ? "Passport Series"
+                : "Pasportyň seriýasy"
             }
             stateSetter={setIdSerial}
           />
 
           <div className="input-block">
             <label htmlFor="passport-number">
-              {locale === 'TKM'
-                ? 'Pasportyň belgisi'
-                : locale === 'РУС'
-                ? 'Номер паспорта'
-                : locale === 'ENG'
-                ? 'Passport number'
-                : 'Pasportyň belgisi'}
+              {locale === "TKM"
+                ? "Pasportyň belgisi"
+                : locale === "РУС"
+                ? "Номер паспорта"
+                : locale === "ENG"
+                ? "Passport number"
+                : "Pasportyň belgisi"}
             </label>
             <input
               // {...register("passportNumber", { valueAsNumber: true })}
@@ -197,13 +202,13 @@ const GuaranterStage = ({
           </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 })}
@@ -217,35 +222,44 @@ const GuaranterStage = ({
         </div>
 
         <div className="cu-bottom cd-2-title">
-          <button type="button" className="sign-btn reg-btn" onClick={() => setStage(2)}>
+          <button
+            type="button"
+            className="sign-btn reg-btn"
+            onClick={() => setStage(2)}
+          >
             <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="submit"
-            disabled={passportNumber.length === 6 && accNumber.length === 23 ? false : true}
-            className="sign-btn cu-btn">
+            disabled={
+              passportNumber.length === 6 && accNumber.length === 23
+                ? false
+                : true
+            }
+            className="sign-btn cu-btn"
+          >
             <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" />
diff --git a/src/components/ImmediateCreditsStages/NotAUser.js b/src/components/ImmediateCreditsStages/NotAUser.js
index 18ee3bd..20bbd9e 100644
--- a/src/components/ImmediateCreditsStages/NotAUser.js
+++ b/src/components/ImmediateCreditsStages/NotAUser.js
@@ -1,10 +1,16 @@
-import React, { useContext } from 'react';
-import { LanguageContext } from '../../backend/LanguageContext';
+import React, { useContext } from "react";
+import { LanguageContext } from "../../backend/LanguageContext";
 
-import next from '../../icons/next.svg';
-import next_reverse from '../../icons/next-reverse.svg';
+import next from "../../icons/next.svg";
+import next_reverse from "../../icons/next-reverse.svg";
 
-const NotAUser = ({ setStage, stage, errMessage }) => {
+const NotAUser = ({
+  setStage,
+  stage,
+  errMessage,
+  errMessageEn,
+  errMessageTkm,
+}) => {
   const { locale } = useContext(LanguageContext);
 
   return (
@@ -12,32 +18,33 @@ const NotAUser = ({ setStage, stage, errMessage }) => {
       <form>
         <h2 className="notauser-title">
           {errMessage
-            ? locale === 'TKM'
-              ? 'Karzyň kalkulýatory'
-              : locale === 'РУС'
+            ? locale === "TKM"
+              ? errMessageTkm
+              : locale === "РУС"
               ? errMessage
-              : locale === 'ENG'
-              ? 'Loan calculator'
-              : 'Karzyň kalkulýatory'
-            : 'Ошибка'}
+              : locale === "ENG"
+              ? errMessageEn
+              : errMessageTkm
+            : "Ошибка"}
         </h2>
         <div className="cu-bottom cd-2-title">
           <button
             type="button"
             className="sign-btn reg-btn"
-            onClick={() => setStage((stage) => stage - 2)}>
+            onClick={() => setStage((stage) => stage - 2)}
+          >
             <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>
diff --git a/src/components/immediateCredits/ImmediateCreditModal.js b/src/components/immediateCredits/ImmediateCreditModal.js
index 7c54a23..29f3d49 100644
--- a/src/components/immediateCredits/ImmediateCreditModal.js
+++ b/src/components/immediateCredits/ImmediateCreditModal.js
@@ -1,35 +1,35 @@
 // IMPORT MODULES
-import React, { useEffect, useRef, useState, useContext } from 'react';
-import { LanguageContext } from '../../backend/LanguageContext';
+import React, { useEffect, useRef, useState, useContext } from "react";
+import { LanguageContext } from "../../backend/LanguageContext";
 
-import axios from 'axios';
+import axios from "axios";
 
 // IMPORT IMAGES
-import exit from '../../icons/exit.svg';
-import { ReactComponent as Lines } from '../../icons/lines.svg';
-import { ReactComponent as Img1 } from '../../icons/credit1.svg';
-import { ReactComponent as Img2 } from '../../icons/credit2.svg';
-import { ReactComponent as Img3 } from '../../icons/credit3.svg';
-import { ReactComponent as Img4 } from '../../icons/credit4.svg';
-import { ReactComponent as Img5 } from '../../icons/credit5.svg';
-import { ReactComponent as Img6 } from '../../icons/credit6.svg';
+import exit from "../../icons/exit.svg";
+import { ReactComponent as Lines } from "../../icons/lines.svg";
+import { ReactComponent as Img1 } from "../../icons/credit1.svg";
+import { ReactComponent as Img2 } from "../../icons/credit2.svg";
+import { ReactComponent as Img3 } from "../../icons/credit3.svg";
+import { ReactComponent as Img4 } from "../../icons/credit4.svg";
+import { ReactComponent as Img5 } from "../../icons/credit5.svg";
+import { ReactComponent as Img6 } from "../../icons/credit6.svg";
 
 // IMPORT COMPONENTS
-import BorrowerStage from '../ImmediateCreditsStages/BorrowerStage';
-import BorrowerInfo from '../ImmediateCreditsStages/BorrowerInfo';
-import GuaranterStage from '../ImmediateCreditsStages/GuaranterStage';
-import GuaranterInfo from '../ImmediateCreditsStages/GuaranterInfo';
-import NotAUser from '../ImmediateCreditsStages/NotAUser';
-import CalculateStage from '../ImmediateCreditsStages/CalculateStage';
-import AcceptStage from '../ImmediateCreditsStages/AcceptStage';
-import PhoneAccept from '../ImmediateCreditsStages/PhoneAccept';
-import CardDetails from '../ImmediateCreditsStages/CardDetails';
-import LoanAccepted from '../ImmediateCreditsStages/LoanAccepted';
-import CardRegistration from '../ImmediateCreditsStages/CardRegistration';
-import PaymentDetails from '../ImmediateCreditsStages/PaymentDetails';
-import PaymentSuccess from '../ImmediateCreditsStages/PaymentSuccess';
-import FinalStage from '../ImmediateCreditsStages/FinalStage';
-import { UserContext } from '../../backend/UserContext';
+import BorrowerStage from "../ImmediateCreditsStages/BorrowerStage";
+import BorrowerInfo from "../ImmediateCreditsStages/BorrowerInfo";
+import GuaranterStage from "../ImmediateCreditsStages/GuaranterStage";
+import GuaranterInfo from "../ImmediateCreditsStages/GuaranterInfo";
+import NotAUser from "../ImmediateCreditsStages/NotAUser";
+import CalculateStage from "../ImmediateCreditsStages/CalculateStage";
+import AcceptStage from "../ImmediateCreditsStages/AcceptStage";
+import PhoneAccept from "../ImmediateCreditsStages/PhoneAccept";
+import CardDetails from "../ImmediateCreditsStages/CardDetails";
+import LoanAccepted from "../ImmediateCreditsStages/LoanAccepted";
+import CardRegistration from "../ImmediateCreditsStages/CardRegistration";
+import PaymentDetails from "../ImmediateCreditsStages/PaymentDetails";
+import PaymentSuccess from "../ImmediateCreditsStages/PaymentSuccess";
+import FinalStage from "../ImmediateCreditsStages/FinalStage";
+import { UserContext } from "../../backend/UserContext";
 
 const ImmediateCreditModal = ({
   modalOpen,
@@ -50,8 +50,10 @@ const ImmediateCreditModal = ({
   const [loading, setLoading] = useState();
   const [error, setError] = useState();
 
-  const [errMessage, setErrMessage] = useState('');
-  const [acceptedMessage, setAcceptedMessage] = useState('');
+  const [errMessage, setErrMessage] = useState("");
+  const [errMessageEn, setErrMessageEn] = useState("");
+  const [errMessageTkm, setErrMessageTkm] = useState("");
+  const [acceptedMessage, setAcceptedMessage] = useState("");
 
   const [borrowerData, setBorrowerData] = useState();
   const [guaranterData, setGuaranterData] = useState();
@@ -61,39 +63,42 @@ const ImmediateCreditModal = ({
   const [maxAmount, setMaxAmount] = useState();
   const [recepientAmount, setRecepientAmount] = useState(0);
   const [creditDuration, setCreditDuration] = useState(0);
-  const [phoneNumber, setPhoneNumber] = useState('');
-  const [cardDetails, setCardDetails] = useState('');
+  const [phoneNumber, setPhoneNumber] = useState("");
+  const [cardDetails, setCardDetails] = useState("");
 
   const [userDataRes, setUserDataRes] = useState();
-  const [paymentLink, setPaymentLink] = useState('');
+  const [paymentLink, setPaymentLink] = useState("");
 
   const [paymentDetails, setPaymentDetails] = useState();
   const [submitCardDetails, setSumbitCardDetails] = useState();
 
-  const [recipientWorkPlace, setRecipientWorkPlace] = useState('');
-  const [recipientWorkPosition, setRecipientWorkPosition] = useState('');
+  const [recipientWorkPlace, setRecipientWorkPlace] = useState("");
+  const [recipientWorkPosition, setRecipientWorkPosition] = useState("");
 
-  console.log('stage', stage);
+  console.log("stage", stage);
 
   return (
-    <section className={modalOpen ? 'modal credit-modal active' : 'modal credit-modal'}>
+    <section
+      className={modalOpen ? "modal credit-modal active" : "modal credit-modal"}
+    >
       <div className="modal-container">
         <div className="modal-inner" ref={window}>
           <div className="modal-window">
             <div className="modal-top">
               <h2>
-                {locale === 'TKM'
-                  ? 'Sanly karz almak üçin onlaýn-ýüzlenme'
-                  : locale === 'ENG'
-                  ? 'Online aplication for digital loan'
-                  : 'Онлайн-заявка для получения цифрового кредита'}
+                {locale === "TKM"
+                  ? "Sanly karz almak üçin onlaýn-ýüzlenme"
+                  : locale === "ENG"
+                  ? "Online aplication for digital loan"
+                  : "Онлайн-заявка для получения цифрового кредита"}
               </h2>
               <button
                 type="button"
                 className="exit-btn"
                 onClick={() => {
                   setModalOpen(false);
-                }}>
+                }}
+              >
                 <div>
                   <img src={exit} alt="exit" />
                 </div>
@@ -104,119 +109,127 @@ const ImmediateCreditModal = ({
               <div className="icon-block active">
                 <Img4 className="modal-icon" />
                 <h3 className="icon-title">
-                  {locale === 'TKM'
-                    ? 'Maglumatlary dolduryň'
-                    : locale === 'РУС'
-                    ? 'Заполните данные'
-                    : locale === 'ENG'
-                    ? 'Fill in the details'
-                    : 'Maglumatlary dolduryň'}
+                  {locale === "TKM"
+                    ? "Maglumatlary dolduryň"
+                    : locale === "РУС"
+                    ? "Заполните данные"
+                    : locale === "ENG"
+                    ? "Fill in the details"
+                    : "Maglumatlary dolduryň"}
                 </h3>
               </div>
 
-              <div className={stage > 1 ? 'line-block active' : 'line-block'}>
+              <div className={stage > 1 ? "line-block active" : "line-block"}>
                 <Lines className="lines" />
               </div>
 
-              <div className={stage > 1 ? 'icon-block active' : 'icon-block'}>
+              <div className={stage > 1 ? "icon-block active" : "icon-block"}>
                 <Img3 className="modal-icon" />
                 <h3 className="icon-title">
-                  {locale === 'TKM'
-                    ? 'Şahsy maglumatlaryňyzy tassyklaň'
-                    : locale === 'РУС'
-                    ? 'Подтвердите личные данные'
-                    : locale === 'ENG'
-                    ? 'Confirm your personal details'
-                    : 'Şahsy maglumatlaryňyzy tassyklaň'}
+                  {locale === "TKM"
+                    ? "Şahsy maglumatlaryňyzy tassyklaň"
+                    : locale === "РУС"
+                    ? "Подтвердите личные данные"
+                    : locale === "ENG"
+                    ? "Confirm your personal details"
+                    : "Şahsy maglumatlaryňyzy tassyklaň"}
                 </h3>
               </div>
 
-              <div className={stage > 1 ? 'line-block active' : 'line-block'}>
+              <div className={stage > 1 ? "line-block active" : "line-block"}>
                 <Lines className="lines" />
               </div>
 
               {isGuranter && (
                 <>
-                  <div className={stage > 3 ? 'icon-block active' : 'icon-block'}>
+                  <div
+                    className={stage > 3 ? "icon-block active" : "icon-block"}
+                  >
                     <Img4 className="modal-icon" />
                     <h3 className="icon-title">
-                      {locale === 'TKM'
-                        ? 'Zamunçynyň maglumatlaryny dolduryň'
-                        : locale === 'РУС'
-                        ? 'Заполните данные поручителя'
-                        : locale === 'ENG'
+                      {locale === "TKM"
+                        ? "Zamunçynyň maglumatlaryny dolduryň"
+                        : locale === "РУС"
+                        ? "Заполните данные поручителя"
+                        : locale === "ENG"
                         ? "Fill in the guarantor's details"
-                        : 'Zamunçynyň maglumatlaryny dolduryň'}
+                        : "Zamunçynyň maglumatlaryny dolduryň"}
                     </h3>
                   </div>
 
-                  <div className={stage > 3 ? 'line-block active' : 'line-block'}>
+                  <div
+                    className={stage > 3 ? "line-block active" : "line-block"}
+                  >
                     <Lines className="lines" />
                   </div>
 
-                  <div className={stage > 4 ? 'icon-block active' : 'icon-block'}>
+                  <div
+                    className={stage > 4 ? "icon-block active" : "icon-block"}
+                  >
                     <Img3 className="modal-icon" />
                     <h3 className="icon-title">
-                      {locale === 'TKM'
-                        ? 'Zamunçynyň maglumatlaryny tassyklaň'
-                        : locale === 'РУС'
-                        ? 'Подтвердите данные поручителя'
-                        : locale === 'ENG'
+                      {locale === "TKM"
+                        ? "Zamunçynyň maglumatlaryny tassyklaň"
+                        : locale === "РУС"
+                        ? "Подтвердите данные поручителя"
+                        : locale === "ENG"
                         ? "Confirm the guarantor's details"
-                        : 'Zamunçynyň maglumatlaryny tassyklaň'}
+                        : "Zamunçynyň maglumatlaryny tassyklaň"}
                     </h3>
                   </div>
 
-                  <div className={stage > 3 ? 'line-block active' : 'line-block'}>
+                  <div
+                    className={stage > 3 ? "line-block active" : "line-block"}
+                  >
                     <Lines className="lines" />
                   </div>
                 </>
               )}
 
-              <div className={stage > 6 ? 'icon-block active' : 'icon-block'}>
+              <div className={stage > 6 ? "icon-block active" : "icon-block"}>
                 <Img2 className="modal-icon" />
                 <h3 className="icon-title">
-                  {locale === 'TKM'
-                    ? 'Karz kalkulýatory'
-                    : locale === 'РУС'
-                    ? 'Калькулятор кредита'
-                    : locale === 'ENG'
-                    ? 'Loan calculator'
-                    : 'Karz kalkulýatory'}
+                  {locale === "TKM"
+                    ? "Karz kalkulýatory"
+                    : locale === "РУС"
+                    ? "Калькулятор кредита"
+                    : locale === "ENG"
+                    ? "Loan calculator"
+                    : "Karz kalkulýatory"}
                 </h3>
               </div>
 
-              <div className={stage > 6 ? 'line-block active' : 'line-block'}>
+              <div className={stage > 6 ? "line-block active" : "line-block"}>
                 <Lines className="lines" />
               </div>
 
-              <div className={stage > 7 ? 'icon-block active' : 'icon-block'}>
+              <div className={stage > 7 ? "icon-block active" : "icon-block"}>
                 <Img6 className="modal-icon" />
                 <h3 className="icon-title">
-                  {locale === 'TKM'
-                    ? 'Karz maglumatlaryňyzy tassyklaň'
-                    : locale === 'РУС'
-                    ? 'Подтвердите данные кредита'
-                    : locale === 'ENG'
-                    ? 'Confirm your loan details'
-                    : 'Karz maglumatlaryňyzy tassyklaň'}
+                  {locale === "TKM"
+                    ? "Karz maglumatlaryňyzy tassyklaň"
+                    : locale === "РУС"
+                    ? "Подтвердите данные кредита"
+                    : locale === "ENG"
+                    ? "Confirm your loan details"
+                    : "Karz maglumatlaryňyzy tassyklaň"}
                 </h3>
               </div>
 
-              <div className={stage > 7 ? 'line-block active' : 'line-block'}>
+              <div className={stage > 7 ? "line-block active" : "line-block"}>
                 <Lines className="lines" />
               </div>
 
-              <div className={stage > 8 ? 'icon-block active' : 'icon-block'}>
+              <div className={stage > 8 ? "icon-block active" : "icon-block"}>
                 <Img5 className="modal-icon" />
                 <h3 className="icon-title">
-                  {locale === 'TKM'
-                    ? 'Karz ýüzlenmesini tassyklaň'
-                    : locale === 'РУС'
-                    ? 'Подтвердите кредитную заявку'
-                    : locale === 'ENG'
-                    ? 'Confirm your loan application'
-                    : 'Karz ýüzlenmesini tassyklaň'}
+                  {locale === "TKM"
+                    ? "Karz ýüzlenmesini tassyklaň"
+                    : locale === "РУС"
+                    ? "Подтвердите кредитную заявку"
+                    : locale === "ENG"
+                    ? "Confirm your loan application"
+                    : "Karz ýüzlenmesini tassyklaň"}
                 </h3>
               </div>
             </div>
@@ -226,13 +239,13 @@ const ImmediateCreditModal = ({
                 <div className="icon-block active">
                   <Img4 className="modal-icon" />
                   <h3 className="icon-title">
-                    {locale === 'TKM'
-                      ? 'Maglumatlary dolduryň'
-                      : locale === 'РУС'
-                      ? 'Заполните данные'
-                      : locale === 'ENG'
-                      ? 'Fill in the details'
-                      : 'Maglumatlary dolduryň'}
+                    {locale === "TKM"
+                      ? "Maglumatlary dolduryň"
+                      : locale === "РУС"
+                      ? "Заполните данные"
+                      : locale === "ENG"
+                      ? "Fill in the details"
+                      : "Maglumatlary dolduryň"}
                   </h3>
                 </div>
               )}
@@ -241,13 +254,13 @@ const ImmediateCreditModal = ({
                 <div className="icon-block active">
                   <Img3 className="modal-icon" />
                   <h3 className="icon-title">
-                    {locale === 'TKM'
-                      ? 'Şahsy maglumatlaryňyzy tassyklaň'
-                      : locale === 'РУС'
-                      ? 'Подтвердите личные данные'
-                      : locale === 'ENG'
-                      ? 'Confirm your personal details'
-                      : 'Şahsy maglumatlaryňyzy tassyklaň'}
+                    {locale === "TKM"
+                      ? "Şahsy maglumatlaryňyzy tassyklaň"
+                      : locale === "РУС"
+                      ? "Подтвердите личные данные"
+                      : locale === "ENG"
+                      ? "Confirm your personal details"
+                      : "Şahsy maglumatlaryňyzy tassyklaň"}
                   </h3>
                 </div>
               )}
@@ -258,13 +271,13 @@ const ImmediateCreditModal = ({
                     <div className="icon-block active">
                       <Img4 className="modal-icon" />
                       <h3 className="icon-title">
-                        {locale === 'TKM'
-                          ? 'Zamunçynyň maglumatlaryny dolduryň'
-                          : locale === 'РУС'
-                          ? 'Заполните данные поручителя'
-                          : locale === 'ENG'
+                        {locale === "TKM"
+                          ? "Zamunçynyň maglumatlaryny dolduryň"
+                          : locale === "РУС"
+                          ? "Заполните данные поручителя"
+                          : locale === "ENG"
                           ? "Fill in the guarantor's details"
-                          : 'Zamunçynyň maglumatlaryny dolduryň'}
+                          : "Zamunçynyň maglumatlaryny dolduryň"}
                       </h3>
                     </div>
                   )}
@@ -272,13 +285,13 @@ const ImmediateCreditModal = ({
                     <div className="icon-block active">
                       <Img3 className="modal-icon" />
                       <h3 className="icon-title">
-                        {locale === 'TKM'
-                          ? 'Zamunçynyň maglumatlaryny tassyklaň'
-                          : locale === 'РУС'
-                          ? 'Подтвердите данные поручителя'
-                          : locale === 'ENG'
+                        {locale === "TKM"
+                          ? "Zamunçynyň maglumatlaryny tassyklaň"
+                          : locale === "РУС"
+                          ? "Подтвердите данные поручителя"
+                          : locale === "ENG"
                           ? "Confirm the guarantor's details"
-                          : 'Zamunçynyň maglumatlaryny tassyklaň'}
+                          : "Zamunçynyň maglumatlaryny tassyklaň"}
                       </h3>
                     </div>
                   )}
@@ -289,13 +302,13 @@ const ImmediateCreditModal = ({
                 <div className="icon-block active">
                   <Img2 className="modal-icon" />
                   <h3 className="icon-title">
-                    {locale === 'TKM'
-                      ? 'Karz kalkulýatory'
-                      : locale === 'РУС'
-                      ? 'Калькулятор кредита'
-                      : locale === 'ENG'
-                      ? 'Loan calculator'
-                      : 'Karz kalkulýatory'}
+                    {locale === "TKM"
+                      ? "Karz kalkulýatory"
+                      : locale === "РУС"
+                      ? "Калькулятор кредита"
+                      : locale === "ENG"
+                      ? "Loan calculator"
+                      : "Karz kalkulýatory"}
                   </h3>
                 </div>
               )}
@@ -304,13 +317,13 @@ const ImmediateCreditModal = ({
                 <div className="icon-block active">
                   <Img6 className="modal-icon" />
                   <h3 className="icon-title">
-                    {locale === 'TKM'
-                      ? 'Karz maglumatlaryňyzy tassyklaň'
-                      : locale === 'РУС'
-                      ? 'Подтвердите данные кредита'
-                      : locale === 'ENG'
-                      ? 'Confirm your loan details'
-                      : 'Karz maglumatlaryňyzy tassyklaň'}
+                    {locale === "TKM"
+                      ? "Karz maglumatlaryňyzy tassyklaň"
+                      : locale === "РУС"
+                      ? "Подтвердите данные кредита"
+                      : locale === "ENG"
+                      ? "Confirm your loan details"
+                      : "Karz maglumatlaryňyzy tassyklaň"}
                   </h3>
                 </div>
               )}
@@ -318,13 +331,13 @@ const ImmediateCreditModal = ({
                 <div className="icon-block active">
                   <Img5 className="modal-icon" />
                   <h3 className="icon-title">
-                    {locale === 'TKM'
-                      ? 'Karz ýüzlenmesini tassyklaň'
-                      : locale === 'РУС'
-                      ? 'Подтвердите кредитную заявку'
-                      : locale === 'ENG'
-                      ? 'Confirm your loan application'
-                      : 'Karz ýüzlenmesini tassyklaň'}
+                    {locale === "TKM"
+                      ? "Karz ýüzlenmesini tassyklaň"
+                      : locale === "РУС"
+                      ? "Подтвердите кредитную заявку"
+                      : locale === "ENG"
+                      ? "Confirm your loan application"
+                      : "Karz ýüzlenmesini tassyklaň"}
                   </h3>
                 </div>
               )}
@@ -402,6 +415,8 @@ const ImmediateCreditModal = ({
                   setMaxAmount={setMaxAmount}
                   setRecepientAmount={setRecepientAmount}
                   setErrMessage={setErrMessage}
+                  setErrMessageEn={setErrMessageEn}
+                  setErrMessageTkm={setErrMessageTkm}
                 />
               ) : stage === 2 ? (
                 <BorrowerInfo
@@ -414,7 +429,13 @@ const ImmediateCreditModal = ({
                   recipientWorkPosition={recipientWorkPosition}
                 />
               ) : stage === 3 ? (
-                <NotAUser setStage={setStage} stage={stage} errMessage={errMessage} />
+                <NotAUser
+                  setStage={setStage}
+                  stage={stage}
+                  errMessage={errMessage}
+                  errMessageEn={errMessageEn}
+                  errMessageTkm={errMessageTkm}
+                />
               ) : stage === 4 ? (
                 <GuaranterStage
                   setStage={setStage}
@@ -423,9 +444,11 @@ const ImmediateCreditModal = ({
                   guaranterData={guaranterData}
                   setGuaranterData={setGuaranterData}
                   signRecipient={signRecipient}
-                  setErrMessage={setErrMessage}
                   setSignGuaranter={setSignGuaranter}
                   borrowerData={borrowerData}
+                  setErrMessage={setErrMessage}
+                  setErrMessageEn={setErrMessageEn}
+                  setErrMessageTkm={setErrMessageTkm}
                 />
               ) : stage === 5 ? (
                 <GuaranterInfo
@@ -434,7 +457,13 @@ const ImmediateCreditModal = ({
                   guaranterData={guaranterData}
                 />
               ) : stage === 6 ? (
-                <NotAUser setStage={setStage} stage={stage} errMessage={errMessage} />
+                <NotAUser
+                  setStage={setStage}
+                  stage={stage}
+                  errMessage={errMessage}
+                  errMessageEn={errMessageEn}
+                  errMessageTkm={errMessageTkm}
+                />
               ) : stage === 7 ? (
                 <CalculateStage
                   isGuranter={isGuranter}
@@ -475,7 +504,11 @@ const ImmediateCreditModal = ({
                   recipientWorkPosition={recipientWorkPosition}
                 />
               ) : stage === 10 ? (
-                <NotAUser setStage={setStage} stage={stage} errMessage={errMessage} />
+                <NotAUser
+                  setStage={setStage}
+                  stage={stage}
+                  errMessage={errMessage}
+                />
               ) : stage === 11 ? (
                 <LoanAccepted
                   setModalOpen={setModalOpen}
@@ -524,7 +557,7 @@ const ImmediateCreditModal = ({
               ) : stage === 16 ? (
                 <FinalStage setModalOpen={setModalOpen} />
               ) : (
-                ''
+                ""
               )}
             </div>
           </div>