FIX: Card- & Credit- stages

This commit is contained in:
VividTruthKeeper 2023-10-30 23:36:06 +09:00
parent fac7fee3d5
commit 0508f3d3fd
3 changed files with 421 additions and 438 deletions

View File

@ -1,18 +1,20 @@
// IMPORT MODULES
import React, { useState, useEffect, useContext } from 'react';
import { LanguageContext } from '../../backend/LanguageContext';
import { branchData } from '../../localization/branchData';
import { timeSheet } from '../../data/timeSheet';
import React, { useContext, useEffect, useState } from "react";
import CustomSelect from "../global/CustomSelect";
import { LanguageContext } from "../../backend/LanguageContext";
import { branchData } from "../../localization/branchData";
import { getDate } from "../../helpers/Date";
import next from "../../icons/next.svg";
import next_reverse from "../../icons/next-reverse.svg";
import { timeSheet } from "../../data/timeSheet";
// IMPORT VALIDATORS
import { getDate } from '../../helpers/Date';
// IMPORT IMAGES
import next from '../../icons/next.svg';
import next_reverse from '../../icons/next-reverse.svg';
// IMPORT COMPONENTS
import CustomSelect from '../global/CustomSelect';
const CardStage3 = ({ setStage, data, setData }) => {
const { locale } = useContext(LanguageContext);
@ -44,13 +46,7 @@ const CardStage3 = ({ setStage, data, setData }) => {
setBtnEnabled(false);
}
} else {
if (
inputValid.region &&
inputValid.affiliate &&
inputValid.date &&
inputValid.time &&
inputValid.code
) {
if (inputValid.region && inputValid.affiliate && inputValid.date && inputValid.time && inputValid.code) {
setBtnEnabled(true);
} else {
setBtnEnabled(false);
@ -68,53 +64,45 @@ const CardStage3 = ({ setStage, data, setData }) => {
}
}, [branch.regions.ENG, branch.regions.RUS, branch.regions.TKM, inputValid, inputValid.region]);
console.log(branch.Arkadag.RUS);
return (
<section className="card-stage-3">
<form>
<div className="card-stage-3-top">
<div className="input-block">
<label htmlFor="region">
{locale === 'TKM'
? 'Welaýat'
: locale === 'РУС'
? 'Регион'
: locale === 'ENG'
? 'Region'
: 'Welaýat'}
{locale === "TKM" ? "Welaýat" : locale === "РУС" ? "Регион" : locale === "ENG" ? "Region" : "Welaýat"}
<span>*</span>
</label>
<CustomSelect
items={
locale === 'TKM'
locale === "TKM"
? branch.regions.TKM
: locale === 'РУС'
: locale === "РУС"
? branch.regions.RUS
: locale === 'ENG'
: locale === "ENG"
? branch.regions.ENG
: branch.regions.TKM
}
customId={'region'}
blockName={'card-3-select'}
elName={'card-3-select-el'}
name={'region'}
customId={"region"}
blockName={"card-3-select"}
elName={"card-3-select-el"}
name={"region"}
placeholder={
locale === 'TKM'
? 'Welaýaty saýlaň'
: locale === 'РУС'
? 'Выберите регион'
: locale === 'ENG'
? 'Choose region'
: 'Welaýaty saýlaň'
locale === "TKM"
? "Welaýaty saýlaň"
: locale === "РУС"
? "Выберите регион"
: locale === "ENG"
? "Choose region"
: "Welaýaty saýlaň"
}
stateSetter={(state) => {
setInputValid({ ...inputValid, region: state });
if (state) {
let index;
if (locale === 'РУС') {
if (locale === "РУС") {
index = branch.regions.RUS.findIndex((e) => e === state);
} else if (locale === 'ENG') {
} else if (locale === "ENG") {
index = branch.regions.ENG.findIndex((e) => e === state);
}
if (index === -1) {
@ -137,122 +125,122 @@ const CardStage3 = ({ setStage, data, setData }) => {
inputValid.region !== branch.regions.ENG[7] ? (
<div className="input-block">
<label htmlFor="affiliate">
{locale === 'TKM'
? 'Şahamça'
: locale === 'РУС'
? 'Филиал'
: locale === 'ENG'
? 'Branch'
: 'Şahamça'}
{locale === "TKM" ? "Şahamça" : locale === "РУС" ? "Филиал" : locale === "ENG" ? "Branch" : "Şahamça"}
<span>*</span>
</label>
<CustomSelect
items={
inputValid.region === 'Город Ашхабад' ||
inputValid.region === 'Ashgabat city' ||
inputValid.region === 'Aşgabat şäheri'
? locale === 'TKM'
inputValid.region === "Город Ашхабад" ||
inputValid.region === "Ashgabat city" ||
inputValid.region === "Aşgabat şäheri"
? locale === "TKM"
? branch.Ashgabat.TKM
: locale === 'РУС'
: locale === "РУС"
? branch.Ashgabat.RUS
: locale === 'ENG'
: locale === "ENG"
? branch.Ashgabat.ENG
: branch.Ashgabat.TKM
: inputValid.region === 'Ахалский регион' ||
inputValid.region === 'Akhal region' ||
inputValid.region === 'Ahal'
? locale === 'TKM'
: inputValid.region === "Ахалский регион" ||
inputValid.region === "Akhal region" ||
inputValid.region === "Ahal"
? locale === "TKM"
? branch.Ahal.TKM
: locale === 'РУС'
: locale === "РУС"
? branch.Ahal.RUS
: locale === 'ENG'
: locale === "ENG"
? branch.Ahal.ENG
: branch.Ahal.TKM
: inputValid.region === 'Балканский регион' ||
inputValid.region === 'Balkan region' ||
inputValid.region === 'Balkan'
? locale === 'TKM'
: inputValid.region === "Балканский регион" ||
inputValid.region === "Balkan region" ||
inputValid.region === "Balkan"
? locale === "TKM"
? branch.Balkan.TKM
: locale === 'РУС'
: locale === "РУС"
? branch.Balkan.RUS
: locale === 'ENG'
: locale === "ENG"
? branch.Balkan.ENG
: branch.Balkan.TKM
: inputValid.region === 'Дашогузский регион' ||
inputValid.region === 'Dashoguz region' ||
inputValid.region === 'Daşoguz'
? locale === 'TKM'
: inputValid.region === "Дашогузский регион" ||
inputValid.region === "Dashoguz region" ||
inputValid.region === "Daşoguz"
? locale === "TKM"
? branch.Dashoguz.TKM
: locale === 'РУС'
: locale === "РУС"
? branch.Dashoguz.RUS
: locale === 'ENG'
: locale === "ENG"
? branch.Dashoguz.ENG
: branch.Dashoguz.TKM
: inputValid.region === 'Лебапский регион' ||
inputValid.region === 'Lebap region' ||
inputValid.region === 'Lebap'
? locale === 'TKM'
: inputValid.region === "Лебапский регион" ||
inputValid.region === "Lebap region" ||
inputValid.region === "Lebap"
? locale === "TKM"
? branch.Lebap.TKM
: locale === 'РУС'
: locale === "РУС"
? branch.Lebap.RUS
: locale === 'ENG'
: locale === "ENG"
? branch.Lebap.ENG
: branch.Lebap.TKM
: inputValid.region === 'Марыйский регион' ||
inputValid.region === 'Mary region' ||
inputValid.region === 'Mary'
? locale === 'TKM'
: inputValid.region === "Марыйский регион" ||
inputValid.region === "Mary region" ||
inputValid.region === "Mary"
? locale === "TKM"
? branch.Mary.TKM
: locale === 'РУС'
: locale === "РУС"
? branch.Mary.RUS
: locale === 'ENG'
: locale === "ENG"
? branch.Mary.ENG
: branch.Mary.TKM
: inputValid.region === 'Город Аркадаг' ||
inputValid.region === 'Arkadag city' ||
inputValid.region === 'Arkadag şäheri'
? locale === 'TKM'
: inputValid.region === "Город Аркадаг" ||
inputValid.region === "Arkadag city" ||
inputValid.region === "Arkadag şäheri"
? locale === "TKM"
? branch.Arkadag.TKM
: locale === 'РУС'
: locale === "РУС"
? branch.Arkadag.RUS
: locale === 'ENG'
: locale === "ENG"
? branch.Arkadag.ENG
: branch.Arkadag.TKM
: ['']
: [""]
}
customId={'affiliate'}
blockName={'card-3-select'}
elName={'card-3-select-el'}
name={'affiliate'}
customId={"affiliate"}
blockName={"card-3-select"}
elName={"card-3-select-el"}
name={"affiliate"}
placeholder={
locale === 'TKM'
? 'Şahamçany saýlaň'
: locale === 'РУС'
? 'Выберите филиал'
: locale === 'ENG'
? 'Choose branch'
: 'Şahamçany saýlaň'
locale === "TKM"
? "Şahamçany saýlaň"
: locale === "РУС"
? "Выберите филиал"
: locale === "ENG"
? "Choose branch"
: "Şahamçany saýlaň"
}
stateSetter={(state) => {
setInputValid({ ...inputValid, affiliate: state });
if (state && inputLocal.region) {
let index;
if (inputLocal.region === 'Aşgabat şäheri') {
if (locale === 'РУС') {
index = branch['Ashgabat'].RUS.findIndex((e) => e === state);
} else if (locale === 'ENG') {
index = branch['Ashgabat'].ENG.findIndex((e) => e === state);
if (inputLocal.region === "Aşgabat şäheri") {
if (locale === "РУС") {
index = branch["Ashgabat"].RUS.findIndex((e) => e === state);
} else if (locale === "ENG") {
index = branch["Ashgabat"].ENG.findIndex((e) => e === state);
}
} else if (inputLocal.region === 'Mary') {
if (locale === 'РУС') {
index = branch['Mary'].RUS.findIndex((e) => e === state);
} else if (locale === 'ENG') {
index = branch['Mary'].ENG.findIndex((e) => e === state);
} else if (inputLocal.region === "Mary") {
if (locale === "РУС") {
index = branch["Mary"].RUS.findIndex((e) => e === state);
} else if (locale === "ENG") {
index = branch["Mary"].ENG.findIndex((e) => e === state);
}
} else if (inputLocal.region === "Arkadag şäheri") {
if (locale === "РУС") {
index = branch["Arkadag"].RUS.findIndex((e) => e === state);
} else if (locale === "ENG") {
index = branch["Arkadag"].ENG.findIndex((e) => e === state);
}
} else {
if (locale === 'РУС') {
index = branch[inputLocal.region].RUS.findIndex((e) => e === state);
} else if (locale === 'ENG') {
if (locale === "РУС") {
index = branch[inputLocal].RUS.findIndex((e) => e === state);
} else if (locale === "ENG") {
index = branch[inputLocal.region].ENG.findIndex((e) => e === state);
}
}
@ -260,15 +248,20 @@ const CardStage3 = ({ setStage, data, setData }) => {
if (index === -1) {
setInputLocal({ ...inputLocal, affiliate: state });
} else {
if (inputLocal.region === 'Aşgabat şäheri') {
if (inputLocal.region === "Aşgabat şäheri") {
setInputLocal({
...inputLocal,
affiliate: branch['Ashgabat'].TKM[index],
affiliate: branch["Ashgabat"].TKM[index],
});
} else if (inputLocal.region === 'Mary') {
} else if (inputLocal.region === "Mary") {
setInputLocal({
...inputLocal,
affiliate: branch['Mary'].TKM[index],
affiliate: branch["Mary"].TKM[index],
});
} else if (inputLocal.region === "Arkadag şäheri") {
setInputLocal({
...inputLocal,
affiliate: branch["Arkadag"].TKM[index],
});
} else {
setInputLocal({
@ -287,13 +280,13 @@ const CardStage3 = ({ setStage, data, setData }) => {
<div className="input-block">
<label htmlFor="date">
{locale === 'TKM'
? 'Banka gelmek gününi saýlaň'
: locale === 'РУС'
? 'Выбрать дату прихода в банк'
: locale === 'ENG'
? 'Select the date of arrival at the bank'
: 'Banka gelmek gününi saýlaň'}
{locale === "TKM"
? "Banka gelmek gününi saýlaň"
: locale === "РУС"
? "Выбрать дату прихода в банк"
: locale === "ENG"
? "Select the date of arrival at the bank"
: "Banka gelmek gününi saýlaň"}
<span>*</span>
</label>
@ -304,7 +297,7 @@ const CardStage3 = ({ setStage, data, setData }) => {
name="date"
defaultValue={inputValid.date}
onChange={(e) => {
if (e.target.value !== '') {
if (e.target.value !== "") {
setInputValid({ ...inputValid, date: e.target.value });
} else {
setInputValid({ ...inputValid, date: false });
@ -314,30 +307,30 @@ const CardStage3 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="time">
{locale === 'TKM'
? 'Amatly wagty saýlaň'
: locale === 'РУС'
? 'Выберите удобное время'
: locale === 'ENG'
? 'Choose a convenient time'
: 'Amatly wagty saýlaň'}
{locale === "TKM"
? "Amatly wagty saýlaň"
: locale === "РУС"
? "Выберите удобное время"
: locale === "ENG"
? "Choose a convenient time"
: "Amatly wagty saýlaň"}
<span>*</span>
</label>
<CustomSelect
items={timeSheet}
customId={'time'}
blockName={'card-3-select'}
elName={'card-3-select-el'}
name={'time'}
customId={"time"}
blockName={"card-3-select"}
elName={"card-3-select-el"}
name={"time"}
placeholder={
locale === 'TKM'
? 'Wagty saýlaň'
: locale === 'РУС'
? 'Выберите время'
: locale === 'ENG'
? 'Choose time'
: 'Wagty saýlaň'
locale === "TKM"
? "Wagty saýlaň"
: locale === "РУС"
? "Выберите время"
: locale === "ENG"
? "Choose time"
: "Wagty saýlaň"
}
stateSetter={(state) => setInputValid({ ...inputValid, time: state })}
eTarget={true}
@ -346,13 +339,13 @@ const CardStage3 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="code">
{locale === 'TKM'
? 'Gizlin söz'
: locale === 'РУС'
? 'Кодовое слово'
: locale === 'ENG'
? 'Codeword'
: 'Gizlin söz'}
{locale === "TKM"
? "Gizlin söz"
: locale === "РУС"
? "Кодовое слово"
: locale === "ENG"
? "Codeword"
: "Gizlin söz"}
<span>*</span>
</label>
<input
@ -362,7 +355,7 @@ const CardStage3 = ({ setStage, data, setData }) => {
placeholder="amanamanow12"
defaultValue={inputValid.code}
onChange={(e) => {
if (e.target.value !== '') {
if (e.target.value !== "") {
setInputValid({ ...inputValid, code: e.target.value });
} else {
setInputValid({ ...inputValid, code: false });
@ -383,37 +376,37 @@ const CardStage3 = ({ setStage, data, setData }) => {
}}
/>
<label htmlFor="sms">
{locale === 'TKM'
? 'SMS-birikdirme'
: locale === 'РУС'
? 'SMS - подключение'
: locale === 'ENG'
? 'SMS connection'
: 'SMS-birikdirme'}
{locale === "TKM"
? "SMS-birikdirme"
: locale === "РУС"
? "SMS - подключение"
: locale === "ENG"
? "SMS connection"
: "SMS-birikdirme"}
</label>
</div>
{locale === 'TKM' ? (
{locale === "TKM" ? (
inputValid.sms ? (
<h3 className="green">Siziň kartyňyz SMS hyzmatyna birikdiriler</h3>
) : (
''
""
)
) : locale === 'РУС' ? (
) : locale === "РУС" ? (
inputValid.sms ? (
<h3 className="green">Ваша карта будет подключена к СМС услуге</h3>
) : (
''
""
)
) : locale === 'ENG' ? (
) : locale === "ENG" ? (
inputValid.sms ? (
<h3 className="green">Your card will be connected to the SMS service</h3>
) : (
''
""
)
) : inputValid.sms ? (
<h3 className="green">Siziň kartyňyz SMS hyzmatyna birikdiriler</h3>
) : (
''
""
)}
</div>
<div className="cu-bottom card-stage-3-bottom">
@ -422,7 +415,8 @@ const CardStage3 = ({ setStage, data, setData }) => {
className="sign-btn reg-btn"
onClick={() => {
setStage(2);
}}>
}}
>
<div>
<div className="btn-img">
<img src={next_reverse} alt="logout" />
@ -430,14 +424,9 @@ const CardStage3 = ({ setStage, data, setData }) => {
<h3
onClick={() => {
setStage(2);
}}>
{locale === 'TKM'
? 'Yza'
: locale === 'РУС'
? 'Назад'
: locale === 'ENG'
? 'Back'
: 'Yza'}
}}
>
{locale === "TKM" ? "Yza" : locale === "РУС" ? "Назад" : locale === "ENG" ? "Back" : "Yza"}
</h3>
</div>
</button>
@ -459,16 +448,17 @@ const CardStage3 = ({ setStage, data, setData }) => {
selected_time: inputValid.time,
the_codeword: inputValid.code,
});
}}>
}}
>
<div>
<h3>
{locale === 'TKM'
? 'Dowam et'
: locale === 'РУС'
? 'Продолжить'
: locale === 'ENG'
? 'Continue'
: 'Dowam et'}
{locale === "TKM"
? "Dowam et"
: locale === "РУС"
? "Продолжить"
: locale === "ENG"
? "Continue"
: "Dowam et"}
</h3>
<div className="btn-img">
<img src={next} alt="logout" />

View File

@ -1,14 +1,16 @@
// IMPORT MODULES
import React, { useState, useEffect, useContext } from 'react';
import { LanguageContext } from '../../backend/LanguageContext';
import { branchData } from '../../localization/branchData';
import React, { useContext, useEffect, useState } from "react";
import CustomSelect from "../global/CustomSelect";
import { LanguageContext } from "../../backend/LanguageContext";
import { branchData } from "../../localization/branchData";
import next from "../../icons/next.svg";
import next_reverse from "../../icons/next-reverse.svg";
// IMPORT IMAGES
import next from '../../icons/next.svg';
import next_reverse from '../../icons/next-reverse.svg';
// IMPORT COMPONENTS
import CustomSelect from '../global/CustomSelect';
const CreditStage4 = ({ setStage, data, setData }) => {
const { locale } = useContext(LanguageContext);
@ -77,13 +79,13 @@ const CreditStage4 = ({ setStage, data, setData }) => {
<div className="card-stage-3-top">
<div className="input-block">
<label htmlFor="workplace">
{locale === 'TKM'
? 'Iş ýeri'
: locale === 'РУС'
? 'Место работы'
: locale === 'ENG'
? 'Place of work'
: 'Iş ýeri'}
{locale === "TKM"
? "Iş ýeri"
: locale === "РУС"
? "Место работы"
: locale === "ENG"
? "Place of work"
: "Iş ýeri"}
<span>*</span>
</label>
<input
@ -99,13 +101,13 @@ const CreditStage4 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="salary">
{locale === 'TKM'
? 'Aýlyk haky'
: locale === 'РУС'
? 'Сумма зарплаты'
: locale === 'ENG'
? 'Amount of salary'
: 'Aýlyk haky'}
{locale === "TKM"
? "Aýlyk haky"
: locale === "РУС"
? "Сумма зарплаты"
: locale === "ENG"
? "Amount of salary"
: "Aýlyk haky"}
<span>*</span>
</label>
<input
@ -121,13 +123,13 @@ const CreditStage4 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="position">
{locale === 'TKM'
? 'Wezipesi'
: locale === 'РУС'
? 'Должность'
: locale === 'ENG'
? 'Job title'
: 'Wezipesi'}
{locale === "TKM"
? "Wezipesi"
: locale === "РУС"
? "Должность"
: locale === "ENG"
? "Job title"
: "Wezipesi"}
<span>*</span>
</label>
<input
@ -142,13 +144,13 @@ const CreditStage4 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="experience">
{locale === 'TKM'
? 'Soňky iş ýeri boýunça tejribe'
: locale === 'РУС'
? 'Стаж с последнего места работы'
: locale === 'ENG'
? 'Length of service from last job'
: 'Soňky iş ýeri boýunça tejribe'}
{locale === "TKM"
? "Soňky iş ýeri boýunça tejribe"
: locale === "РУС"
? "Стаж с последнего места работы"
: locale === "ENG"
? "Length of service from last job"
: "Soňky iş ýeri boýunça tejribe"}
<span>*</span>
</label>
@ -158,13 +160,13 @@ const CreditStage4 = ({ setStage, data, setData }) => {
name="experience"
defaultValue={inputValid.experience}
placeholder={
locale === 'TKM'
? '6 aýdan köp'
: locale === 'РУС'
? 'Более 6 месяцев'
: locale === 'ENG'
? 'More than 6 months'
: '6 aýdan köp'
locale === "TKM"
? "6 aýdan köp"
: locale === "РУС"
? "Более 6 месяцев"
: locale === "ENG"
? "More than 6 months"
: "6 aýdan köp"
}
onChange={(e) => {
setInputValid({ ...inputValid, experience: e.target.value });
@ -173,45 +175,39 @@ const CreditStage4 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="region">
{locale === 'TKM'
? 'Welaýat'
: locale === 'РУС'
? 'Регион'
: locale === 'ENG'
? 'Region'
: 'Welaýat'}
{locale === "TKM" ? "Welaýat" : locale === "РУС" ? "Регион" : locale === "ENG" ? "Region" : "Welaýat"}
<span>*</span>
</label>
<CustomSelect
items={
locale === 'TKM'
locale === "TKM"
? branch.regions.TKM
: locale === 'РУС'
: locale === "РУС"
? branch.regions.RUS
: locale === 'ENG'
: locale === "ENG"
? branch.regions.ENG
: branch.regions.TKM
}
customId={'region'}
blockName={'card-3-select'}
elName={'card-3-select-el'}
name={'region'}
customId={"region"}
blockName={"card-3-select"}
elName={"card-3-select-el"}
name={"region"}
placeholder={
locale === 'TKM'
? 'Welaýaty saýlaň'
: locale === 'РУС'
? 'Выберите регион'
: locale === 'ENG'
? 'Choose region'
: 'Welaýaty saýlaň'
locale === "TKM"
? "Welaýaty saýlaň"
: locale === "РУС"
? "Выберите регион"
: locale === "ENG"
? "Choose region"
: "Welaýaty saýlaň"
}
stateSetter={(state) => {
setInputValid({ ...inputValid, region: state });
if (state) {
let index;
if (locale === 'РУС') {
if (locale === "РУС") {
index = branch.regions.RUS.findIndex((e) => e === state);
} else if (locale === 'ENG') {
} else if (locale === "ENG") {
index = branch.regions.ENG.findIndex((e) => e === state);
}
if (index === -1) {
@ -233,122 +229,122 @@ const CreditStage4 = ({ setStage, data, setData }) => {
inputValid.region !== branch.regions.ENG[7] ? (
<div className="input-block">
<label htmlFor="affiliate">
{locale === 'TKM'
? 'Şahamça'
: locale === 'РУС'
? 'Филиал'
: locale === 'ENG'
? 'Branch'
: 'Şahamça'}
{locale === "TKM" ? "Şahamça" : locale === "РУС" ? "Филиал" : locale === "ENG" ? "Branch" : "Şahamça"}
<span>*</span>
</label>
<CustomSelect
items={
inputValid.region === 'Город Ашхабад' ||
inputValid.region === 'Ashgabat city' ||
inputValid.region === 'Aşgabat şäheri'
? locale === 'TKM'
inputValid.region === "Город Ашхабад" ||
inputValid.region === "Ashgabat city" ||
inputValid.region === "Aşgabat şäheri"
? locale === "TKM"
? branch.Ashgabat.TKM
: locale === 'РУС'
: locale === "РУС"
? branch.Ashgabat.RUS
: locale === 'ENG'
: locale === "ENG"
? branch.Ashgabat.ENG
: branch.Ashgabat.TKM
: inputValid.region === 'Ахалский регион' ||
inputValid.region === 'Akhal region' ||
inputValid.region === 'Ahal'
? locale === 'TKM'
: inputValid.region === "Ахалский регион" ||
inputValid.region === "Akhal region" ||
inputValid.region === "Ahal"
? locale === "TKM"
? branch.Ahal.TKM
: locale === 'РУС'
: locale === "РУС"
? branch.Ahal.RUS
: locale === 'ENG'
: locale === "ENG"
? branch.Ahal.ENG
: branch.Ahal.TKM
: inputValid.region === 'Балканский регион' ||
inputValid.region === 'Balkan region' ||
inputValid.region === 'Balkan'
? locale === 'TKM'
: inputValid.region === "Балканский регион" ||
inputValid.region === "Balkan region" ||
inputValid.region === "Balkan"
? locale === "TKM"
? branch.Balkan.TKM
: locale === 'РУС'
: locale === "РУС"
? branch.Balkan.RUS
: locale === 'ENG'
: locale === "ENG"
? branch.Balkan.ENG
: branch.Balkan.TKM
: inputValid.region === 'Дашогузский регион' ||
inputValid.region === 'Dashoguz region' ||
inputValid.region === 'Daşoguz'
? locale === 'TKM'
: inputValid.region === "Дашогузский регион" ||
inputValid.region === "Dashoguz region" ||
inputValid.region === "Daşoguz"
? locale === "TKM"
? branch.Dashoguz.TKM
: locale === 'РУС'
: locale === "РУС"
? branch.Dashoguz.RUS
: locale === 'ENG'
: locale === "ENG"
? branch.Dashoguz.ENG
: branch.Dashoguz.TKM
: inputValid.region === 'Лебапский регион' ||
inputValid.region === 'Lebap region' ||
inputValid.region === 'Lebap'
? locale === 'TKM'
: inputValid.region === "Лебапский регион" ||
inputValid.region === "Lebap region" ||
inputValid.region === "Lebap"
? locale === "TKM"
? branch.Lebap.TKM
: locale === 'РУС'
: locale === "РУС"
? branch.Lebap.RUS
: locale === 'ENG'
: locale === "ENG"
? branch.Lebap.ENG
: branch.Lebap.TKM
: inputValid.region === 'Марыйский регион' ||
inputValid.region === 'Mary region' ||
inputValid.region === 'Mary'
? locale === 'TKM'
: inputValid.region === "Марыйский регион" ||
inputValid.region === "Mary region" ||
inputValid.region === "Mary"
? locale === "TKM"
? branch.Mary.TKM
: locale === 'РУС'
: locale === "РУС"
? branch.Mary.RUS
: locale === 'ENG'
: locale === "ENG"
? branch.Mary.ENG
: branch.Mary.TKM
: inputValid.region === 'Город Аркадаг' ||
inputValid.region === 'Arkadag city' ||
inputValid.region === 'Arkadag şäheri'
? locale === 'TKM'
: inputValid.region === "Город Аркадаг" ||
inputValid.region === "Arkadag city" ||
inputValid.region === "Arkadag şäheri"
? locale === "TKM"
? branch.Arkadag.TKM
: locale === 'РУС'
: locale === "РУС"
? branch.Arkadag.RUS
: locale === 'ENG'
: locale === "ENG"
? branch.Arkadag.ENG
: branch.Arkadag.TKM
: ['']
: [""]
}
customId={'affiliate'}
blockName={'card-3-select'}
elName={'card-3-select-el'}
name={'affiliate'}
customId={"affiliate"}
blockName={"card-3-select"}
elName={"card-3-select-el"}
name={"affiliate"}
placeholder={
locale === 'TKM'
? 'Şahamçany saýlaň'
: locale === 'РУС'
? 'Выберите филиал'
: locale === 'ENG'
? 'Choose branch'
: 'Şahamçany saýlaň'
locale === "TKM"
? "Şahamçany saýlaň"
: locale === "РУС"
? "Выберите филиал"
: locale === "ENG"
? "Choose branch"
: "Şahamçany saýlaň"
}
stateSetter={(state) => {
setInputValid({ ...inputValid, affiliate: state });
if (state && inputLocal.region) {
let index;
if (inputLocal.region === 'Aşgabat şäheri') {
if (locale === 'РУС') {
index = branch['Ashgabat'].RUS.findIndex((e) => e === state);
} else if (locale === 'ENG') {
index = branch['Ashgabat'].ENG.findIndex((e) => e === state);
if (inputLocal.region === "Aşgabat şäheri") {
if (locale === "РУС") {
index = branch["Ashgabat"].RUS.findIndex((e) => e === state);
} else if (locale === "ENG") {
index = branch["Ashgabat"].ENG.findIndex((e) => e === state);
}
} else if (inputLocal.region === 'Daşoguz') {
if (locale === 'РУС') {
index = branch['Dashoguz'].RUS.findIndex((e) => e === state);
} else if (locale === 'ENG') {
index = branch['Dashoguz'].ENG.findIndex((e) => e === state);
} else if (inputLocal.region === "Daşoguz") {
if (locale === "РУС") {
index = branch["Dashoguz"].RUS.findIndex((e) => e === state);
} else if (locale === "ENG") {
index = branch["Dashoguz"].ENG.findIndex((e) => e === state);
}
} else if (inputLocal.region === "Arkadag şäheri") {
if (locale === "РУС") {
index = branch["Arkadag"].RUS.findIndex((e) => e === state);
} else if (locale === "ENG") {
index = branch["Arkadag"].ENG.findIndex((e) => e === state);
}
} else {
if (locale === 'РУС') {
if (locale === "РУС") {
index = branch[inputLocal.region].RUS.findIndex((e) => e === state);
} else if (locale === 'ENG') {
} else if (locale === "ENG") {
index = branch[inputLocal.region].ENG.findIndex((e) => e === state);
}
}
@ -356,15 +352,20 @@ const CreditStage4 = ({ setStage, data, setData }) => {
if (index === -1) {
setInputLocal({ ...inputLocal, affiliate: state });
} else {
if (inputLocal.region === 'Aşgabat şäheri') {
if (inputLocal.region === "Aşgabat şäheri") {
setInputLocal({
...inputLocal,
affiliate: branch['Ashgabat'].TKM[index],
affiliate: branch["Ashgabat"].TKM[index],
});
} else if (inputLocal.region === 'Daşoguz') {
} else if (inputLocal.region === "Daşoguz") {
setInputLocal({
...inputLocal,
affiliate: branch['Dashoguz'].TKM[index],
affiliate: branch["Dashoguz"].TKM[index],
});
} else if (inputLocal.region === "Arkadag şäheri") {
setInputLocal({
...inputLocal,
affiliate: branch["Arkadag"].TKM[index],
});
} else {
setInputLocal({
@ -387,7 +388,8 @@ const CreditStage4 = ({ setStage, data, setData }) => {
className="sign-btn reg-btn"
onClick={() => {
setStage(3);
}}>
}}
>
<div>
<div className="btn-img">
<img src={next_reverse} alt="logout" />
@ -395,14 +397,9 @@ const CreditStage4 = ({ setStage, data, setData }) => {
<h3
onClick={() => {
setStage(3);
}}>
{locale === 'TKM'
? 'Yza'
: locale === 'РУС'
? 'Назад'
: locale === 'ENG'
? 'Back'
: 'Yza'}
}}
>
{locale === "TKM" ? "Yza" : locale === "РУС" ? "Назад" : locale === "ENG" ? "Back" : "Yza"}
</h3>
</div>
</button>
@ -415,24 +412,25 @@ const CreditStage4 = ({ setStage, data, setData }) => {
setData({
...data,
workplace: inputValid.workplace,
region: locale === 'TKM' ? inputValid.region : inputLocal.region,
region: locale === "TKM" ? inputValid.region : inputLocal.region,
region_localized: inputValid.region,
branch: locale === 'TKM' ? inputValid.affiliate : inputLocal.affiliate,
branch: locale === "TKM" ? inputValid.affiliate : inputLocal.affiliate,
branch_localized: inputValid.affiliate,
exp: inputValid.experience,
position: inputValid.position,
salary: inputValid.salary,
});
}}>
}}
>
<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" />

View File

@ -1,138 +1,133 @@
export const branchData = () => {
return {
regions: {
TKM: ['Aşgabat şäheri', 'Arkadag şäheri', 'Ahal', 'Balkan', 'Daşoguz', 'Lebap', 'Mary'],
TKM: ["Aşgabat şäheri", "Arkadag şäheri", "Ahal", "Balkan", "Daşoguz", "Lebap", "Mary"],
RUS: [
'Город Ашхабад',
'Город Аркадаг',
'Ахалский регион',
'Балканский регион',
'Дашогузский регион',
'Лебапский регион',
'Марыйский регион',
"Город Ашхабад",
"Город Аркадаг",
"Ахалский регион",
"Балканский регион",
"Дашогузский регион",
"Лебапский регион",
"Марыйский регион",
],
ENG: [
'Ashgabat city',
'Arkadag city',
'Akhal region',
'Balkan region',
'Dashoguz region',
'Lebap region',
'Mary region',
"Ashgabat city",
"Arkadag city",
"Akhal region",
"Balkan region",
"Dashoguz region",
"Lebap region",
"Mary region",
],
},
Ashgabat: {
TKM: [
'Merkezi diwan',
'Aşgabat şahamça',
'Bagtyýarlyk şahamça',
'Berkararlyk şahamça',
'Büzmeýin şahamça',
'Köpetdag şahamça',
'Çandybil şahamça',
'Paýhas şahamça',
"Merkezi diwan",
"Aşgabat şahamça",
"Bagtyýarlyk şahamça",
"Berkararlyk şahamça",
"Büzmeýin şahamça",
"Köpetdag şahamça",
"Çandybil şahamça",
"Paýhas şahamça",
],
RUS: [
'Центральный офис',
'Филиал Ашхабад',
'Филиал Багтыярлык',
'Филиал Беркарарлык',
'Филиал Бюзмейин',
'Филиал Копетдаг',
'Филиал Чандыбиль',
'Филиал Пайхас',
"Центральный офис",
"Филиал Ашхабад",
"Филиал Багтыярлык",
"Филиал Беркарарлык",
"Филиал Бюзмейин",
"Филиал Копетдаг",
"Филиал Чандыбиль",
"Филиал Пайхас",
],
ENG: [
'Central office',
'Branch Ashgabat',
'Branch Bagtyyarlyk',
'Branch Berkararlyk',
'Branch Busmeyin',
'Branch Kopetdag',
'Branch Chandybil',
'Branch Payhas',
"Central office",
"Branch Ashgabat",
"Branch Bagtyyarlyk",
"Branch Berkararlyk",
"Branch Busmeyin",
"Branch Kopetdag",
"Branch Chandybil",
"Branch Payhas",
],
},
Arkadag: {
TKM: ['Arkadag şahamça'],
RUS: ['Филиaл Аркадаг'],
ENG: ['Branch Arkadag'],
TKM: ["Arkadag şahamça"],
RUS: ["Филиaл Аркадаг"],
ENG: ["Branch Arkadag"],
},
Ahal: {
TKM: ['Ak bugdaý şahamça', 'Bäherden şahamça', 'Gökdepe şahamça', 'Tejen şahamça'],
RUS: ['Филиaл Ак бугдай', 'Филиал Бахерден', 'Филиал Гекдепе', 'Филиал Теджен'],
TKM: ["Ak bugdaý şahamça", "Bäherden şahamça", "Gökdepe şahamça", "Tejen şahamça"],
RUS: ["Филиaл Ак бугдай", "Филиал Бахерден", "Филиал Гекдепе", "Филиал Теджен"],
ENG: ['Branch Ak bugday', 'Branch Bakherden', 'Branch Geoktepe', 'Branch Tejen'],
ENG: ["Branch Ak bugday", "Branch Bakherden", "Branch Geoktepe", "Branch Tejen"],
},
Balkan: {
TKM: ['Balkan şahamça', 'Türkmenbaşy şahamça', 'Esenguly şahamça'],
RUS: ['Филиал Балкан', 'Филиал Туркменбаши', 'Филиал Эсенгулы'],
ENG: ['Branch Balkan', 'Branch Turkmenbashi', 'Branch Esenguly'],
TKM: ["Balkan şahamça", "Türkmenbaşy şahamça", "Esenguly şahamça"],
RUS: ["Филиал Балкан", "Филиал Туркменбаши", "Филиал Эсенгулы"],
ENG: ["Branch Balkan", "Branch Turkmenbashi", "Branch Esenguly"],
},
Dashoguz: {
TKM: [
'Daşoguz şahamça',
'Köneurgenç şahamça',
'Ruhubelent şahamça',
'S. Türkmenbaşy şahamça',
],
RUS: ['Филиал Дашогуз', 'Филиал Конеургенч', 'Филиал Рухубелент', 'Филиал С. Туркменбаши'],
TKM: ["Daşoguz şahamça", "Köneurgenç şahamça", "Ruhubelent şahamça", "S. Türkmenbaşy şahamça"],
RUS: ["Филиал Дашогуз", "Филиал Конеургенч", "Филиал Рухубелент", "Филиал С. Туркменбаши"],
ENG: ['Branch Dashoguz', 'Branch Koneurgench', 'Branch Ruhubelent', 'Branch S. Turkmenbashi'],
ENG: ["Branch Dashoguz", "Branch Koneurgench", "Branch Ruhubelent", "Branch S. Turkmenbashi"],
},
Lebap: {
TKM: [
'Lebap şahamça',
'Dostluk şahamça',
'Galkynyş şahamça',
'Kerki şahamça',
'Saýat şahamça',
'Seýdi şahamça',
'Darganata şahamça',
"Lebap şahamça",
"Dostluk şahamça",
"Galkynyş şahamça",
"Kerki şahamça",
"Saýat şahamça",
"Seýdi şahamça",
"Darganata şahamça",
],
RUS: [
'Филиал Лебап',
'Филиал Достлук',
'Филиал Галкыныш',
'Филиал Керки',
'Филиал Саят',
'Филиал Сейди',
'Филиал Дарганата',
"Филиал Лебап",
"Филиал Достлук",
"Филиал Галкыныш",
"Филиал Керки",
"Филиал Саят",
"Филиал Сейди",
"Филиал Дарганата",
],
ENG: [
'Branch Lebap',
'Branch Dostluk',
'Branch Galkynysh',
'Branch Kerki',
'Branch Sayat',
'Branch Seydi',
'Branch Darganata',
"Branch Lebap",
"Branch Dostluk",
"Branch Galkynysh",
"Branch Kerki",
"Branch Sayat",
"Branch Seydi",
"Branch Darganata",
],
},
Mary: {
TKM: [
'Mary şahamça',
'Ýöleten şahamça',
'Murgap şahamça',
'Sakarçäge şahamça',
'Tagtabazar şahamça',
'Baýramaly şahamça',
"Mary şahamça",
"Ýöleten şahamça",
"Murgap şahamça",
"Sakarçäge şahamça",
"Tagtabazar şahamça",
"Baýramaly şahamça",
],
RUS: [
'Филиал Мары',
'Филиал Ёлетен',
'Филиал Мургап',
'Филиал Сакарчяге',
'Филиал Тагтабазар',
'Филиал Байрамалы',
"Филиал Мары",
"Филиал Ёлетен",
"Филиал Мургап",
"Филиал Сакарчяге",
"Филиал Тагтабазар",
"Филиал Байрамалы",
],
ENG: [
'Branch Mary',
'Branch Yoloten',
'Branch Murgap',
'Branch Sakarchage',
'Branch Tagtabazar',
'Branch Bayramali',
"Branch Mary",
"Branch Yoloten",
"Branch Murgap",
"Branch Sakarchage",
"Branch Tagtabazar",
"Branch Bayramali",
],
},
};