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

minor changes

This commit is contained in:
VividTruthKeeper 2022-04-14 14:10:21 +05:00
parent 9973eef951
commit cedc2be398
42 changed files with 515 additions and 449 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.js
View File

@ -39,7 +39,7 @@ const App = () => {
const [locale, setLocale] = useState(
localStorage.getItem("userLanguage")
? localStorage.getItem("userLanguage")
: "TUK"
: "TKM"
);
const [loaderActive, setLoaderActive] = useState(false);
const providerValue = useMemo(() => ({ user, setUser }), [user, setUser]);

5
src/backend/sendMessage.js
View File

@ -11,15 +11,12 @@ export const sendMessage = (
) => {
axios
.post(`${url}?token=${token}`, data)
.then((res) => {
.then(() => {
stateSetter(false);
loader();
})
.catch(() => {
stateSetter(false);
setError(true);
setTimeout(() => {
setError(false);
}, 2000);
});
};

6
src/backend/sendRequest.js
View File

@ -44,14 +44,10 @@ export const sendRequest = (
setLoader(false);
}
})
.catch((err) => {
.catch(() => {
if (setLoader) {
setLoader(false);
}
setError(true);
setTimeout(() => {
setError(false);
}, 2000);
});
};

54
src/components/CardStages/CardStage1.js
View File

@ -30,7 +30,7 @@ const CardStage1 = ({ setStage, data, setData, cardData, req, setReq }) => {
setPrice(el.card_cost);
setReq({
...req,
tuk: el.documents,
TKM: el.documents,
rus: JSON.parse(el.translations[0].attribute_data).documents,
});
}
@ -52,14 +52,14 @@ const CardStage1 = ({ setStage, data, setData, cardData, req, setReq }) => {
<form>
<div className="input-block">
<label htmlFor="card">
{locale === "TUK"
{locale === "TKM"
? "Kartyň görnüşini saýlaň"
: "Выберите вид карты"}
</label>
<CustomSelect
items={
cardData
? locale !== "TUK"
? locale !== "TKM"
? cardData.data.map(
(el) => JSON.parse(el.translations[0].attribute_data).name
)
@ -74,7 +74,7 @@ const CardStage1 = ({ setStage, data, setData, cardData, req, setReq }) => {
setInputValid(e);
}}
eTarget={true}
placeholder={locale === "TUK" ? "Kartyň görnüşi" : "Вид карты"}
placeholder={locale === "TKM" ? "Kartyň görnüşi" : "Вид карты"}
defaultValue={inputValid}
/>
</div>
@ -87,27 +87,27 @@ const CardStage1 = ({ setStage, data, setData, cardData, req, setReq }) => {
<h2>
HalkBank -{" "}
{cardData
? locale !== "TUK"
? locale !== "TKM"
? cardData.data.map((el) =>
el.id === id
? JSON.parse(el.translations[0].attribute_data).name
: ""
)
: cardData.data.map((el) => (el.id === id ? el.name : ""))
: locale === "TUK"
: locale === "TKM"
? "Aýlyk karty"
: "Зарплатная карта"}
</h2>
<h3>
{cardData
? locale !== "TUK"
? locale !== "TKM"
? cardData.data.map((el) =>
el.id === id
? JSON.parse(el.translations[0].attribute_data).text
: ""
)
: cardData.data.map((el) => (el.id === id ? el.text : ""))
: locale === "TUK"
: locale === "TKM"
? "Müşderiniň bankymyzdan alan karz pul serişdeleri “Karz kartyna geçirilýär . Müşderi “Karz karty” bank karty üsti bilen ähli nagt däl hasaplaşyk töleglerini amala aşyrýar."
: "Банковская карта, на которую зачисляется заработная плата клиента. Открывается на основании договора между банком и предприятием. Эта карта предоставляет полный перечень услуг по безналичному платежу в терминалах, перевод денежных средств с одной зарплатной карты на другую, а также получению наличных денежных средств в банкоматах на территории Туркменистана."}
</h3>
@ -116,17 +116,39 @@ const CardStage1 = ({ setStage, data, setData, cardData, req, setReq }) => {
<div className="cd-bottom">
<div className="cd-bottom-content">
<h3>
{locale === "TUK" ? "Kartyň möhleti" : "Срок действия карты"}
{locale === "TKM" ? "Kartyň möhleti" : "Срок действия карты"}
</h3>
<h2>
{cardData
? cardData.data.map((el) => (el.id === id ? el.term : ""))
: "30"}{" "}
{locale === "TUK" ? "ýyl" : "лет"}
? cardData.data.map((el) => {
if (el.id === id) {
if (el.term === 1 || el.term === "1") {
return `${el.term} ${
locale === "TKM" ? "ýyl" : "год"
}`;
} else if (
el.term === 2 ||
el.term === "2" ||
el.term === 3 ||
el.term === "3" ||
el.term === 4 ||
el.term === "4"
) {
return `${el.term} ${
locale === "TKM" ? "ýyl" : "года"
}`;
} else {
return `${el.term} ${
locale === "TKM" ? "ýyl" : "лет"
}`;
}
}
})
: "30"}
</h2>
</div>
<div className="cd-bottom-content">
<h3>{locale === "TUK" ? "Göterim" : "Процентная ставка"}</h3>
<h3>{locale === "TKM" ? "Göterim" : "Процентная ставка"}</h3>
<h2>
{" "}
{cardData
@ -138,7 +160,7 @@ const CardStage1 = ({ setStage, data, setData, cardData, req, setReq }) => {
</h2>
</div>
<div className="cd-bottom-content">
<h3>{locale === "TUK" ? "Kartyň bahasy" : "Стоимость карты"}</h3>
<h3>{locale === "TKM" ? "Kartyň bahasy" : "Стоимость карты"}</h3>
<h2>
{" "}
{cardData
@ -146,7 +168,7 @@ const CardStage1 = ({ setStage, data, setData, cardData, req, setReq }) => {
el.id === id ? el.card_cost : ""
)
: "23"}{" "}
{locale === "TUK" ? "manat" : "маната"}
{locale === "TKM" ? "manat" : "маната"}
</h2>
</div>
</div>
@ -162,7 +184,7 @@ const CardStage1 = ({ setStage, data, setData, cardData, req, setReq }) => {
}}
>
<div>
<h3>{locale === "TUK" ? "Dowam et" : "Продолжить"}</h3>
<h3>{locale === "TKM" ? "Dowam et" : "Продолжить"}</h3>
<div className="btn-img">
<img src={next} alt="logout" />
</div>

24
src/components/CardStages/CardStage2.js
View File

@ -73,7 +73,7 @@ const CardStage2 = ({ setStage, data, setData }) => {
<div className="form-top">
<div className="input-block">
<label htmlFor="surname">
{locale === "TUK" ? "Familiýasy" : "Фамилия"}
{locale === "TKM" ? "Familiýasy" : "Фамилия"}
<span>*</span>
</label>
<input
@ -85,7 +85,7 @@ const CardStage2 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="name">
{locale === "TUK" ? "Ady" : "Имя"}
{locale === "TKM" ? "Ady" : "Имя"}
<span>*</span>
</label>
<input
@ -97,7 +97,7 @@ const CardStage2 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="fathers">
{locale === "TUK" ? "Atasynyň ady" : "Отчество"}
{locale === "TKM" ? "Atasynyň ady" : "Отчество"}
<span>*</span>
</label>
<input
@ -109,7 +109,7 @@ const CardStage2 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="date">
{locale === "TUK" ? "Doglan senesi" : "Дата рождения"}
{locale === "TKM" ? "Doglan senesi" : "Дата рождения"}
<span>*</span>
</label>
<input
@ -123,7 +123,7 @@ const CardStage2 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="passport">
{locale === "TUK" ? "Pasport maglumatlary" : "Паспортные данные"}
{locale === "TKM" ? "Pasport maglumatlary" : "Паспортные данные"}
<span>*</span>
</label>
<input
@ -135,7 +135,7 @@ const CardStage2 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="p-address">
{locale === "TUK"
{locale === "TKM"
? "Pasportyň berlen ýeri"
: "Место выдачи паспорта"}
<span>*</span>
@ -149,7 +149,7 @@ const CardStage2 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="address">
{locale === "TUK" ? "Ýaşaýan salgysy" : "Адрес проживания"}
{locale === "TKM" ? "Ýaşaýan salgysy" : "Адрес проживания"}
<span>*</span>
</label>
<input
@ -161,7 +161,7 @@ const CardStage2 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="mail">
{locale === "TUK" ? "Email" : "Электронная почта"}
{locale === "TKM" ? "Email" : "Электронная почта"}
<span>*</span>
</label>
<input
@ -173,7 +173,7 @@ const CardStage2 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="mobile">
{locale === "TUK" ? "Mobil telefon" : "Мобильный телефон"}
{locale === "TKM" ? "Mobil telefon" : "Мобильный телефон"}
<span>*</span>
</label>
<input
@ -185,7 +185,7 @@ const CardStage2 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="homeTel">
{locale === "TUK" ? "Öý telefon" : "Домашний телефон"}
{locale === "TKM" ? "Öý telefon" : "Домашний телефон"}
</label>
<input
readOnly
@ -213,7 +213,7 @@ const CardStage2 = ({ setStage, data, setData }) => {
setStage(1);
}}
>
{locale === "TUK" ? "Yza" : "Назад"}
{locale === "TKM" ? "Yza" : "Назад"}
</h3>
</div>
</button>
@ -239,7 +239,7 @@ const CardStage2 = ({ setStage, data, setData }) => {
}}
>
<div>
<h3>{locale === "TUK" ? "Dowam et" : "Продолжить"}</h3>
<h3>{locale === "TKM" ? "Dowam et" : "Продолжить"}</h3>
<div className="btn-img">
<img src={next} alt="logout" />
</div>

50
src/components/CardStages/CardStage3.js
View File

@ -47,17 +47,17 @@ const CardStage3 = ({ setStage, data, setData }) => {
<div className="card-stage-3-top">
<div className="input-block">
<label htmlFor="region">
{locale === "TUK" ? "Welaýat" : "Регион"}
{locale === "TKM" ? "Welaýat" : "Регион"}
<span>*</span>
</label>
<CustomSelect
items={locale === "TUK" ? branch.regions.TUK : branch.regions.RUS}
items={locale === "TKM" ? branch.regions.TKM : branch.regions.RUS}
customId={"region"}
blockName={"card-3-select"}
elName={"card-3-select-el"}
name={"region"}
placeholder={
locale === "TUK" ? "Welaýaty saýlaň" : "Выберите регион"
locale === "TKM" ? "Welaýaty saýlaň" : "Выберите регион"
}
stateSetter={(state) => {
setInputValid({ ...inputValid, region: state });
@ -68,40 +68,40 @@ const CardStage3 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="affiliate">
{locale === "TUK" ? "Filial" : "Филиал"}
{locale === "TKM" ? "Filial" : "Филиал"}
<span>*</span>
</label>
<CustomSelect
items={
inputValid.region === "Город Ашхабад" ||
inputValid.region === "Aşgabat şäheri"
? locale === "TUK"
? branch.Ashgabat.TUK
? locale === "TKM"
? branch.Ashgabat.TKM
: branch.Ashgabat.RUS
: inputValid.region === "Ахалский регион" ||
inputValid.region === "Ahal"
? locale === "TUK"
? branch.Ahal.TUK
? locale === "TKM"
? branch.Ahal.TKM
: branch.Ahal.RUS
: inputValid.region === "Балканский регион" ||
inputValid.region === "Balkan"
? locale === "TUK"
? branch.Balkan.TUK
? locale === "TKM"
? branch.Balkan.TKM
: branch.Balkan.RUS
: inputValid.region === "Дашогузский регион" ||
inputValid.region === "Daşoguz"
? locale === "TUK"
? branch.Dashoguz.TUK
? locale === "TKM"
? branch.Dashoguz.TKM
: branch.Dashoguz.RUS
: inputValid.region === "Лебапский регион" ||
inputValid.region === "Lebap"
? locale === "TUK"
? branch.Lebap.TUK
? locale === "TKM"
? branch.Lebap.TKM
: branch.Lebap.RUS
: inputValid.region === "Марыйский регион" ||
inputValid.region === "Mary"
? locale === "TUK"
? branch.Mary.TUK
? locale === "TKM"
? branch.Mary.TKM
: branch.Mary.RUS
: [""]
}
@ -110,7 +110,7 @@ const CardStage3 = ({ setStage, data, setData }) => {
elName={"card-3-select-el"}
name={"affiliate"}
placeholder={
locale === "TUK" ? "Şahamçany saýlaň" : "Выберите филиал"
locale === "TKM" ? "Şahamçany saýlaň" : "Выберите филиал"
}
stateSetter={(state) =>
setInputValid({ ...inputValid, affiliate: state })
@ -121,7 +121,7 @@ const CardStage3 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="date">
{locale === "TUK"
{locale === "TKM"
? "Banka gelmek gününi saýlaň"
: "Выбрать дату прихода в банк"}
<span>*</span>
@ -143,7 +143,7 @@ const CardStage3 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="time">
{locale === "TUK"
{locale === "TKM"
? "Banka gelmek gününi saýlaň"
: "Выбрать приемлемое время"}
<span>*</span>
@ -154,7 +154,7 @@ const CardStage3 = ({ setStage, data, setData }) => {
blockName={"card-3-select"}
elName={"card-3-select-el"}
name={"time"}
placeholder={locale === "TUK" ? "Wagty saýlaň" : "Выберите время"}
placeholder={locale === "TKM" ? "Wagty saýlaň" : "Выберите время"}
stateSetter={(state) =>
setInputValid({ ...inputValid, time: state })
}
@ -164,7 +164,7 @@ const CardStage3 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="code">
{locale === "TUK" ? "Gizlin söz" : "Кодовое слово"}
{locale === "TKM" ? "Gizlin söz" : "Кодовое слово"}
<span>*</span>
</label>
<input
@ -195,10 +195,10 @@ const CardStage3 = ({ setStage, data, setData }) => {
}}
/>
<label htmlFor="sms">
{locale === "TUK" ? "SMS-birikdirme" : "SMS - подключение"}
{locale === "TKM" ? "SMS-birikdirme" : "SMS - подключение"}
</label>
</div>
{locale === "TUK" ? (
{locale === "TKM" ? (
inputValid.sms ? (
<h3 className="green">Nomeriňize SMS iberiler</h3>
) : (
@ -229,7 +229,7 @@ const CardStage3 = ({ setStage, data, setData }) => {
setStage(2);
}}
>
{locale === "TUK" ? "Yza" : "Назад"}
{locale === "TKM" ? "Yza" : "Назад"}
</h3>
</div>
</button>
@ -252,7 +252,7 @@ const CardStage3 = ({ setStage, data, setData }) => {
}}
>
<div>
<h3>{locale === "TUK" ? "Dowam et" : "Продолжить"}</h3>
<h3>{locale === "TKM" ? "Dowam et" : "Продолжить"}</h3>
<div className="btn-img">
<img src={next} alt="logout" />
</div>

12
src/components/CardStages/CardStage4.js
View File

@ -28,7 +28,7 @@ const CardStage4 = ({ setStage, data, setData, req, setReq }) => {
<form>
<div className="cd-top-4">
<h2>
{locale === "TUK"
{locale === "TKM"
? "Karz almak üçin ýüzlenmäni resmileşdirmek üçin talap edilýän resminamalary ýükläň"
: "Для оформления заявки на получения кредита загрузите требуемые документы."}
</h2>
@ -40,7 +40,7 @@ const CardStage4 = ({ setStage, data, setData, req, setReq }) => {
>
<div className="data-title">
<h4>
{locale === "TUK"
{locale === "TKM"
? "Talaplar we resminamalar"
: "Требования и документы"}
</h4>
@ -56,7 +56,7 @@ const CardStage4 = ({ setStage, data, setData, req, setReq }) => {
<div
className="text-block"
dangerouslySetInnerHTML={{
__html: locale === "TUK" ? req.tuk : req.rus,
__html: locale === "TKM" ? req.TKM : req.rus,
}}
></div>
</div>
@ -65,7 +65,7 @@ const CardStage4 = ({ setStage, data, setData, req, setReq }) => {
<div className="cd-bottom-4">
<div>
<label htmlFor="file">
{locale === "TUK" ? "Faýl ýükläň" : "Загрузить файл"}
{locale === "TKM" ? "Faýl ýükläň" : "Загрузить файл"}
</label>
<input
id="file"
@ -119,7 +119,7 @@ const CardStage4 = ({ setStage, data, setData, req, setReq }) => {
setStage(3);
}}
>
{locale === "TUK" ? "Yza" : "Назад"}
{locale === "TKM" ? "Yza" : "Назад"}
</h3>
</div>
</button>
@ -133,7 +133,7 @@ const CardStage4 = ({ setStage, data, setData, req, setReq }) => {
}}
>
<div>
<h3>{locale === "TUK" ? "Dowam et" : "Продолжить"}</h3>
<h3>{locale === "TKM" ? "Dowam et" : "Продолжить"}</h3>
<div className="btn-img">
<img src={next} alt="logout" />
</div>

38
src/components/CardStages/CardStage6.js
View File

@ -34,37 +34,37 @@ const CardStage6 = ({
<div className="cd-6-top">
<ul className="cd-6-list">
<li>
<p>{locale === "TUK" ? "Familiýasy" : "Фамилия"}:</p>
<p>{locale === "TKM" ? "Familiýasy" : "Фамилия"}:</p>
<h4>{data.surname ? data.surname : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Ady" : "Имя"}:</p>
<p>{locale === "TKM" ? "Ady" : "Имя"}:</p>
<h4>{data.name ? data.name : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Atasynyň ady" : "Отчество"}:</p>
<p>{locale === "TKM" ? "Atasynyň ady" : "Отчество"}:</p>
<h4>{data.middlename ? data.middlename : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Doglan senesi" : "Дата рождения"}:</p>
<p>{locale === "TKM" ? "Doglan senesi" : "Дата рождения"}:</p>
<h4>{data.birthdate ? reformatDate(data.birthdate) : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Mobil telefon" : "Мобильный телефон"}:</p>
<p>{locale === "TKM" ? "Mobil telefon" : "Мобильный телефон"}:</p>
<h4>{data.phone_number ? data.phone_number : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Öý telefon" : "Домашний телефон"}:</p>
<p>{locale === "TKM" ? "Öý telefon" : "Домашний телефон"}:</p>
<h4>{data.home_phone_number ? data.home_phone_number : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Email" : "Эл. адрес"}:</p>
<p>{locale === "TKM" ? "Email" : "Эл. адрес"}:</p>
<h4>{data.email ? data.email : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "SMS-birikdirme" : "SMS - подключение"}:</p>
<p>{locale === "TKM" ? "SMS-birikdirme" : "SMS - подключение"}:</p>
<h4>
{locale === "TUK"
{locale === "TKM"
? data.sms_notification
? "Hawa"
: "Ýok"
@ -74,12 +74,12 @@ const CardStage6 = ({
</h4>
</li>
<li>
<p>{locale === "TUK" ? "Pasportyň seriýasy" : "Серия паспорта"}:</p>
<p>{locale === "TKM" ? "Pasportyň seriýasy" : "Серия паспорта"}:</p>
<h4>{data.passport_series ? data.passport_series : "-"}</h4>
</li>
<li>
<p>
{locale === "TUK"
{locale === "TKM"
? "Pasport kim tarapyndan berildi"
: "Кем выдан паспорт"}
:
@ -87,20 +87,20 @@ const CardStage6 = ({
<h4>{data.passport_by ? data.passport_by : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Ýaşaýan salgysy" : "Адрес прописки"}:</p>
<p>{locale === "TKM" ? "Ýaşaýan salgysy" : "Адрес прописки"}:</p>
<h4>{data.place_of_residence ? data.place_of_residence : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Welaýat" : "Регион"}:</p>
<p>{locale === "TKM" ? "Welaýat" : "Регион"}:</p>
<h4>{data.region ? data.region : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Filial" : "Филиал"}:</p>
<p>{locale === "TKM" ? "Filial" : "Филиал"}:</p>
<h4>{data.branch ? data.branch : "-"}</h4>
</li>
<li>
<p>
{locale === "TUK"
{locale === "TKM"
? "Banka gelmek gününi saýlaň "
: "Дата прихода в банк"}
:
@ -112,11 +112,11 @@ const CardStage6 = ({
</h4>
</li>
<li>
<p>{locale === "TUK" ? "Saýlanan wagt" : "Выбранное время"}:</p>
<p>{locale === "TKM" ? "Saýlanan wagt" : "Выбранное время"}:</p>
<h4>{data.selected_time ? data.selected_time : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Gizlin söz" : "Кодовое слово"}:</p>
<p>{locale === "TKM" ? "Gizlin söz" : "Кодовое слово"}:</p>
<h4>{data.the_codeword ? data.the_codeword : "-"}</h4>
</li>
</ul>
@ -138,7 +138,7 @@ const CardStage6 = ({
setStage(4);
}}
>
{locale === "TUK" ? "Redaktirlemek" : "Редактировать"}
{locale === "TKM" ? "Redaktirlemek" : "Редактировать"}
</h3>
</div>
</button>
@ -152,7 +152,7 @@ const CardStage6 = ({
}}
>
<div>
<h3>{locale === "TUK" ? "Tassyklaýaryn" : "Подтверждаю"}</h3>
<h3>{locale === "TKM" ? "Tassyklaýaryn" : "Подтверждаю"}</h3>
<div className="btn-img">
<img src={next} alt="logout" />
</div>

71
src/components/CreditStages/CreditStage1.js
View File

@ -13,7 +13,7 @@ const CreditStage1 = ({ setStage, data, setData, creditData, id, setId }) => {
const { locale } = useContext(LanguageContext);
const [req, setReq] = useState({
rus: "",
tuk: "",
TKM: "",
});
const [input, setInput] = useState(data.type ? data.type : null);
const [dropdown, setDropdown] = useState({
@ -35,7 +35,7 @@ const CreditStage1 = ({ setStage, data, setData, creditData, id, setId }) => {
setId(el.id);
setReq({
...req,
tuk: el.documents,
TKM: el.documents,
rus: JSON.parse(el.translations[0].attribute_data).documents,
});
}
@ -47,14 +47,14 @@ const CreditStage1 = ({ setStage, data, setData, creditData, id, setId }) => {
<form>
<div className="cs-1-top">
<label htmlFor="credit-type">
{locale === "TUK"
{locale === "TKM"
? "Karzyň görnüşini saýlaň"
: "Выберите вид кредита"}
</label>
<CustomSelect
items={
creditData
? locale !== "TUK"
? locale !== "TKM"
? creditData.data
.map((el) =>
JSON.parse(
@ -71,7 +71,7 @@ const CreditStage1 = ({ setStage, data, setData, creditData, id, setId }) => {
blockName={"cs-1-top-block"}
elName={"cs-1-top-input"}
eTarget={true}
placeholder={locale === "TUK" ? "Karzyň görnüşi" : "Вид кредита"}
placeholder={locale === "TKM" ? "Karzyň görnüşi" : "Вид кредита"}
stateSetter={(e) => {
setInput(e);
}}
@ -87,9 +87,9 @@ const CreditStage1 = ({ setStage, data, setData, creditData, id, setId }) => {
>
<div className="data-title">
<h4>
{locale === "TUK"
? "Karzyň möhleti barada maglumat"
: "Информация о сроке кредита"}
{locale === "TKM"
? "Karz barada maglumat"
: "Информация о кредите"}
</h4>
<div className="data-img">
<img src={arrow} alt="arrow" />
@ -103,17 +103,17 @@ const CreditStage1 = ({ setStage, data, setData, creditData, id, setId }) => {
}
>
<div className="dropdown-inner bottom">
<h6>{locale === "TUK" ? "Karzyň möhleti " : "Срок кредита"}</h6>
<h6>{locale === "TKM" ? "Karzyň möhleti " : "Срок кредита"}</h6>
<h2>
{locale === "TUK" ? "" : "до"}{" "}
{locale === "TKM" ? "" : "до"}{" "}
{creditData
? creditData.data.map((el) => (el.id === id ? el.term : ""))
: ""}{" "}
{locale === "TUK" ? "ýyla çenli" : "лет"}
{locale === "TKM" ? "ýyla çenli" : "лет"}
</h2>
</div>
<div className="dropdown-inner left right bottom">
<h6>{locale === "TUK" ? "Karzyň möçberi" : "Сумма кредита"}</h6>
<h6>{locale === "TKM" ? "Karzyň möçberi" : "Сумма кредита"}</h6>
<h2>
{creditData
? creditData.data.map((el) => (el.id === id ? el.sum : ""))
@ -121,7 +121,7 @@ const CreditStage1 = ({ setStage, data, setData, creditData, id, setId }) => {
</h2>
</div>
<div className="dropdown-inner bottom">
<h6>{locale === "TUK" ? "Göterim" : "Ставка"}</h6>
<h6>{locale === "TKM" ? "Göterim" : "Ставка"}</h6>
<h2>
{creditData
? creditData.data.map((el) => (el.id === id ? el.bet : ""))
@ -131,13 +131,13 @@ const CreditStage1 = ({ setStage, data, setData, creditData, id, setId }) => {
</div>
<div className="dropdown-inner ">
<h6>
{locale === "TUK"
{locale === "TKM"
? "Karzyň üzülmegini üpjün etmek"
: "Обеспечение возврата кредита"}
</h6>
<h2>
{creditData
? locale !== "TUK"
? locale !== "TKM"
? creditData.data.map((el) =>
el.id === id
? JSON.parse(
@ -155,13 +155,13 @@ const CreditStage1 = ({ setStage, data, setData, creditData, id, setId }) => {
</div>
<div className="dropdown-inner left right">
<h6>
{locale === "TUK"
{locale === "TKM"
? "Karzy üzmegiň çeşmesi"
: "Источник погашения кредита"}
</h6>
<h2>
{creditData
? locale !== "TUK"
? locale !== "TKM"
? creditData.data.map((el) =>
el.id === id
? JSON.parse(
@ -179,14 +179,14 @@ const CreditStage1 = ({ setStage, data, setData, creditData, id, setId }) => {
</div>
<div className="dropdown-inner">
<h6>
{locale === "TUK"
{locale === "TKM"
? "Karzy üzmegiň usuly"
: "Способ погашения"}
</h6>
<h2>
{" "}
{creditData
? locale !== "TUK"
? locale !== "TKM"
? creditData.data.map((el) =>
el.id === id
? JSON.parse(
@ -204,37 +204,6 @@ const CreditStage1 = ({ setStage, data, setData, creditData, id, setId }) => {
</div>
</div>
</div>
<div
className="data-block docs"
onClick={() => {
setDropdown({ ...dropdown, two: !dropdown.two });
}}
>
<div className="data-title">
<h4>
{locale === "TUK"
? "Talaplar we resminamalar"
: "Требования и документы"}
</h4>
<div className="data-img">
<img src={arrow} alt="arrow" />
</div>
</div>
<div
className={
dropdown.two
? "data-dropdown docs active"
: "data-dropdown docs"
}
>
<div
className="text-block"
dangerouslySetInnerHTML={{
__html: locale === "TUK" ? req.tuk : req.rus,
}}
></div>
</div>
</div>
</div>
<div className="card-button cs-1-bottom">
<button
@ -247,7 +216,7 @@ const CreditStage1 = ({ setStage, data, setData, creditData, id, setId }) => {
}}
>
<div>
<h3>{locale === "TUK" ? "Dowam et" : "Продолжить"}</h3>
<h3>{locale === "TKM" ? "Dowam et" : "Продолжить"}</h3>
<div className="btn-img">
<img src={next} alt="logout" />
</div>

26
src/components/CreditStages/CreditStage2.js
View File

@ -58,11 +58,11 @@ const CreditStage2 = ({ setStage, data, setData, creditData, id }) => {
<form>
<div className="cs-2-left">
<h2 className="cs-2-title">
{locale === "TUK" ? "Karzyň kalkulýatory" : "Калькулятор кредита"}
{locale === "TKM" ? "Karzyň kalkulýatory" : "Калькулятор кредита"}
</h2>
<div className="input-block">
<label htmlFor="sum">
{locale === "TUK" ? "Karzyň möçberi" : "Сумма кредита"}
{locale === "TKM" ? "Karzyň möçberi" : "Сумма кредита"}
</label>
<div className="cs-2-input">
<div className="input-data">
@ -101,11 +101,11 @@ const CreditStage2 = ({ setStage, data, setData, creditData, id }) => {
</div>
<div className="credit-term input-block">
<label>
{locale === "TUK" ? "Karzyň möhleti" : "Срок кредита"}
{locale === "TKM" ? "Karzyň möhleti" : "Срок кредита"}
</label>
<div className="term-inputs">
<label htmlFor="term2" className={radio === 1 ? "active" : ""}>
1 {locale === "TUK" ? "ýyl" : "год"}
1 {locale === "TKM" ? "ýyl" : "год"}
<input
type="radio"
name="term"
@ -118,7 +118,7 @@ const CreditStage2 = ({ setStage, data, setData, creditData, id }) => {
/>
</label>
<label htmlFor="term3" className={radio === 2 ? "active" : ""}>
2 {locale === "TUK" ? "ýyl" : "год"}
2 {locale === "TKM" ? "ýyl" : "год"}
<input
type="radio"
name="term"
@ -131,7 +131,7 @@ const CreditStage2 = ({ setStage, data, setData, creditData, id }) => {
/>
</label>
<label htmlFor="term4" className={radio === 3 ? "active" : ""}>
3 {locale === "TUK" ? "ýyl" : "года"}
3 {locale === "TKM" ? "ýyl" : "года"}
<input
type="radio"
name="term"
@ -162,7 +162,7 @@ const CreditStage2 = ({ setStage, data, setData, creditData, id }) => {
setStage(1);
}}
>
{locale === "TUK" ? "Yza" : "Назад"}
{locale === "TKM" ? "Yza" : "Назад"}
</h3>
</div>
</button>
@ -175,7 +175,7 @@ const CreditStage2 = ({ setStage, data, setData, creditData, id }) => {
}}
>
<div>
<h3>{locale === "TUK" ? "Dowam et" : "Продолжить"}</h3>
<h3>{locale === "TKM" ? "Dowam et" : "Продолжить"}</h3>
<div className="btn-img">
<img src={next} alt="logout" />
</div>
@ -190,7 +190,7 @@ const CreditStage2 = ({ setStage, data, setData, creditData, id }) => {
</div>
<div className="cs-2-right-top">
<h6>
{locale === "TUK" ? "Her aý tölegi" : "Ежемесячный платеж"}
{locale === "TKM" ? "Her aý tölegi" : "Ежемесячный платеж"}
</h6>
<div className="payment">
{/* <div
@ -251,21 +251,21 @@ const CreditStage2 = ({ setStage, data, setData, creditData, id }) => {
</div>
<div className="percent">
<h6>
{locale === "TUK" ? "Göterim töleg" : "Процентная ставка"}
{locale === "TKM" ? "Göterim töleg" : "Процентная ставка"}
</h6>
<h5>{bet} %</h5>
</div>
</div>
<div className="cs-2-right-middle">
<div className="cs-2-right-middle-content">
<h6>{locale === "TUK" ? "Pul ýygymy" : "Процентный платеж"}</h6>
<h6>{locale === "TKM" ? "Pul ýygymy" : "Процентный платеж"}</h6>
<h5>
{(((inputValue * (bet / 100)) / 365) * 30).toFixed(2)} TMT
</h5>
</div>
<div className="cs-2-right-middle-content">
<h6>
{locale === "TUK"
{locale === "TKM"
? "Karzyň esasy bergisiniň töleg möçberi:"
: "Платеж для погашения основной суммы"}
:
@ -275,7 +275,7 @@ const CreditStage2 = ({ setStage, data, setData, creditData, id }) => {
</div>
<div className="cs-2-right-bottom">
<h6>
{locale === "TUK"
{locale === "TKM"
? "Karz almak üçin bolmaly aýlyk zähmet haky"
: "Необходимая заработная плата для кредита"}
:

24
src/components/CreditStages/CreditStage3.js
View File

@ -57,7 +57,7 @@ const CreditStage3 = ({ setStage, data, setData }) => {
<div className="form-top">
<div className="input-block">
<label htmlFor="surname">
{locale === "TUK" ? "Familiýasy" : "Фамилия"}
{locale === "TKM" ? "Familiýasy" : "Фамилия"}
<span>*</span>
</label>
<input
@ -69,7 +69,7 @@ const CreditStage3 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="name">
{locale === "TUK" ? "Ady" : "Имя"}
{locale === "TKM" ? "Ady" : "Имя"}
<span>*</span>
</label>
<input
@ -81,7 +81,7 @@ const CreditStage3 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="fathers">
{locale === "TUK" ? "Atasynyň ady" : "Отчество"}
{locale === "TKM" ? "Atasynyň ady" : "Отчество"}
<span>*</span>
</label>
<input
@ -93,7 +93,7 @@ const CreditStage3 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="date">
{locale === "TUK" ? "Doglan senesi" : "Дата рождения"}
{locale === "TKM" ? "Doglan senesi" : "Дата рождения"}
<span>*</span>
</label>
<input
@ -107,7 +107,7 @@ const CreditStage3 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="passport">
{locale === "TUK" ? "Pasport maglumatlary" : "Паспортные данные"}
{locale === "TKM" ? "Pasport maglumatlary" : "Паспортные данные"}
<span>*</span>
</label>
<input
@ -119,7 +119,7 @@ const CreditStage3 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="p-address">
{locale === "TUK"
{locale === "TKM"
? "Pasportyň berlen ýeri"
: "Место выдачи паспорта"}
<span>*</span>
@ -133,7 +133,7 @@ const CreditStage3 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="address">
{locale === "TUK" ? "Ýaşaýan salgysy" : "Адрес проживания"}
{locale === "TKM" ? "Ýaşaýan salgysy" : "Адрес проживания"}
<span>*</span>
</label>
<input
@ -145,7 +145,7 @@ const CreditStage3 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="mail">
{locale === "TUK" ? "Email" : "Электронная почта"}
{locale === "TKM" ? "Email" : "Электронная почта"}
<span>*</span>
</label>
<input
@ -157,7 +157,7 @@ const CreditStage3 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="mobile">
{locale === "TUK" ? "Mobil telefon" : "Мобильный телефон"}
{locale === "TKM" ? "Mobil telefon" : "Мобильный телефон"}
<span>*</span>
</label>
<input
@ -169,7 +169,7 @@ const CreditStage3 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="homeTel">
{locale === "TUK" ? "Öý telefon" : "Домашний телефон"}
{locale === "TKM" ? "Öý telefon" : "Домашний телефон"}
</label>
<input
readOnly
@ -197,7 +197,7 @@ const CreditStage3 = ({ setStage, data, setData }) => {
setStage(2);
}}
>
{locale === "TUK" ? "Yza" : "Назад"}
{locale === "TKM" ? "Yza" : "Назад"}
</h3>
</div>
</button>
@ -223,7 +223,7 @@ const CreditStage3 = ({ setStage, data, setData }) => {
}}
>
<div>
<h3>{locale === "TUK" ? "Dowam et" : "Продолжить"}</h3>
<h3>{locale === "TKM" ? "Dowam et" : "Продолжить"}</h3>
<div className="btn-img">
<img src={next} alt="logout" />
</div>

48
src/components/CreditStages/CreditStage4.js
View File

@ -45,7 +45,7 @@ const CreditStage4 = ({ setStage, data, setData }) => {
<div className="card-stage-3-top">
<div className="input-block">
<label htmlFor="workplace">
{locale === "TUK" ? "Iş ýeri" : "Место работы"}
{locale === "TKM" ? "Iş ýeri" : "Место работы"}
<span>*</span>
</label>
<input
@ -61,7 +61,7 @@ const CreditStage4 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="salary">
{locale === "TUK" ? "Aýlyk haky" : "Сумма зарплаты"}
{locale === "TKM" ? "Aýlyk haky" : "Сумма зарплаты"}
<span>*</span>
</label>
<input
@ -77,7 +77,7 @@ const CreditStage4 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="position">
{locale === "TUK" ? "Wezipesi" : "Должность"}
{locale === "TKM" ? "Wezipesi" : "Должность"}
<span>*</span>
</label>
<input
@ -92,7 +92,7 @@ const CreditStage4 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="experience">
{locale === "TUK"
{locale === "TKM"
? "Soňky iş ýeri boýunça tejribe"
: "Стаж с последнего места работы"}
<span>*</span>
@ -102,7 +102,7 @@ const CreditStage4 = ({ setStage, data, setData }) => {
id="experience"
name="experience"
defaultValue={inputValid.experience}
placeholder={locale === "TUK" ? "6 aýdan köp" : "Более 6 месяцев"}
placeholder={locale === "TKM" ? "6 aýdan köp" : "Более 6 месяцев"}
onChange={(e) => {
setInputValid({ ...inputValid, experience: e.target.value });
}}
@ -110,17 +110,17 @@ const CreditStage4 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="region">
{locale === "TUK" ? "Welaýat" : "Регион"}
{locale === "TKM" ? "Welaýat" : "Регион"}
<span>*</span>
</label>
<CustomSelect
items={locale === "TUK" ? branch.regions.TUK : branch.regions.RUS}
items={locale === "TKM" ? branch.regions.TKM : branch.regions.RUS}
customId={"region"}
blockName={"card-3-select"}
elName={"card-3-select-el"}
name={"region"}
placeholder={
locale === "TUK" ? "Welaýaty saýlaň" : "Выберите регион"
locale === "TKM" ? "Welaýaty saýlaň" : "Выберите регион"
}
stateSetter={(state) =>
setInputValid({ ...inputValid, region: state })
@ -131,40 +131,40 @@ const CreditStage4 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="affiliate">
{locale === "TUK" ? "Filial" : "Филиал"}
{locale === "TKM" ? "Filial" : "Филиал"}
<span>*</span>
</label>
<CustomSelect
items={
inputValid.region === "Город Ашхабад" ||
inputValid.region === "Aşgabat şäheri"
? locale === "TUK"
? branch.Ashgabat.TUK
? locale === "TKM"
? branch.Ashgabat.TKM
: branch.Ashgabat.RUS
: inputValid.region === "Ахалский регион" ||
inputValid.region === "Ahal"
? locale === "TUK"
? branch.Ahal.TUK
? locale === "TKM"
? branch.Ahal.TKM
: branch.Ahal.RUS
: inputValid.region === "Балканский регион" ||
inputValid.region === "Balkan"
? locale === "TUK"
? branch.Balkan.TUK
? locale === "TKM"
? branch.Balkan.TKM
: branch.Balkan.RUS
: inputValid.region === "Дашогузский регион" ||
inputValid.region === "Daşoguz"
? locale === "TUK"
? branch.Dashoguz.TUK
? locale === "TKM"
? branch.Dashoguz.TKM
: branch.Dashoguz.RUS
: inputValid.region === "Лебапский регион" ||
inputValid.region === "Lebap"
? locale === "TUK"
? branch.Lebap.TUK
? locale === "TKM"
? branch.Lebap.TKM
: branch.Lebap.RUS
: inputValid.region === "Марыйский регион" ||
inputValid.region === "Mary"
? locale === "TUK"
? branch.Mary.TUK
? locale === "TKM"
? branch.Mary.TKM
: branch.Mary.RUS
: [""]
}
@ -173,7 +173,7 @@ const CreditStage4 = ({ setStage, data, setData }) => {
elName={"card-3-select-el"}
name={"affiliate"}
placeholder={
locale === "TUK" ? "Filialy saýlaň" : "Выберите филиал"
locale === "TKM" ? "Filialy saýlaň" : "Выберите филиал"
}
stateSetter={(state) =>
setInputValid({ ...inputValid, affiliate: state })
@ -200,7 +200,7 @@ const CreditStage4 = ({ setStage, data, setData }) => {
setStage(3);
}}
>
{locale === "TUK" ? "Yza" : "Назад"}
{locale === "TKM" ? "Yza" : "Назад"}
</h3>
</div>
</button>
@ -222,7 +222,7 @@ const CreditStage4 = ({ setStage, data, setData }) => {
}}
>
<div>
<h3>{locale === "TUK" ? "Dowam et" : "Продолжить"}</h3>
<h3>{locale === "TKM" ? "Dowam et" : "Продолжить"}</h3>
<div className="btn-img">
<img src={next} alt="logout" />
</div>

42
src/components/CreditStages/CreditStage5.js
View File

@ -8,12 +8,15 @@ import next from "../../icons/next.svg";
import arrow from "../../icons/arrow.svg";
import next_reverse from "../../icons/next-reverse.svg";
const CreditStage5 = ({ setStage, data, setData }) => {
const CreditStage5 = ({ setStage, data, setData, creditData, id }) => {
const [files, setFiles] = useState(data.file ? data.file : []);
const { locale } = useContext(LanguageContext);
const [btnEnabled, setBtnEnabled] = useState(false);
const [dropdown, setDropdown] = useState(false);
const [req, setReq] = useState({
rus: "",
TKM: "",
});
useEffect(() => {
if (files.length > 0) {
setBtnEnabled(true);
@ -21,12 +24,26 @@ const CreditStage5 = ({ setStage, data, setData }) => {
setBtnEnabled(false);
}
}, [files]);
useEffect(() => {
if (creditData) {
creditData.data.map((el) => {
if (el.id === id) {
setReq({
...req,
TKM: el.documents,
rus: JSON.parse(el.translations[0].attribute_data).documents,
});
}
});
}
}, [creditData, id]);
return (
<section className="card-stage-4">
<form>
<div className="cd-top-4">
<h2>
{locale === "TUK"
{locale === "TKM"
? "Karz almak üçin ýüzlenmäni resmileşdirmek üçin talap edilýän resminamalary ýükläň"
: "Для оформления заявки на получения кредита загрузите требуемые документы."}
</h2>
@ -38,7 +55,7 @@ const CreditStage5 = ({ setStage, data, setData }) => {
>
<div className="data-title">
<h4>
{locale === "TUK"
{locale === "TKM"
? "Talaplar we resminamalar"
: "Требования и документы"}
</h4>
@ -51,16 +68,19 @@ const CreditStage5 = ({ setStage, data, setData }) => {
dropdown ? "data-dropdown docs active" : "data-dropdown docs"
}
>
<h5>Lorem ipsum dolor sit.</h5>
<h5 className="left right">Lorem ipsum dolor sit.</h5>
<h5>Lorem ipsum dolor sit.</h5>
<div
className="text-block"
dangerouslySetInnerHTML={{
__html: locale === "TKM" ? req.TKM : req.rus,
}}
></div>
</div>
</div>
</div>
<div className="cd-bottom-4">
<div>
<label htmlFor="file">
{locale === "TUK" ? "Faýl ýükläň" : "Загрузить файл"}
{locale === "TKM" ? "Faýl ýükläň" : "Загрузить файл"}
</label>
<input
id="file"
@ -99,7 +119,7 @@ const CreditStage5 = ({ setStage, data, setData }) => {
: null}
</ul>
<p className="alert">
{locale === "TUK"
{locale === "TKM"
? "Hemme faýllar diňe görkezilen formatda bolmaly: "
: "Все файлы должны быть следующих форматов: "}
<span className="red">.jpg, .jpeg, .doc, .docx, .pdf, .png</span>
@ -121,7 +141,7 @@ const CreditStage5 = ({ setStage, data, setData }) => {
setStage(4);
}}
>
{locale === "TUK" ? "Yza" : "Назад"}
{locale === "TKM" ? "Yza" : "Назад"}
</h3>
</div>
</button>
@ -135,7 +155,7 @@ const CreditStage5 = ({ setStage, data, setData }) => {
}}
>
<div>
<h3>{locale === "TUK" ? "Dowam et" : "Продолжить"}</h3>
<h3>{locale === "TKM" ? "Dowam et" : "Продолжить"}</h3>
<div className="btn-img">
<img src={next} alt="logout" />
</div>

37
src/components/CreditStages/CreditStage6.js
View File

@ -33,71 +33,71 @@ const CreditStage6 = ({
<div className="cd-6-top">
<ul className="cd-6-list">
<li>
<p>{locale === "TUK" ? "Familiýasy" : "Фамилия"}:</p>
<p>{locale === "TKM" ? "Familiýasy" : "Фамилия"}:</p>
<h4>{data.surname ? data.surname : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Ady" : "Имя"}:</p>
<p>{locale === "TKM" ? "Ady" : "Имя"}:</p>
<h4>{data.name ? data.name : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Atasynyň ady" : "Отчество"}:</p>
<p>{locale === "TKM" ? "Atasynyň ady" : "Отчество"}:</p>
<h4>{data.fathers ? data.fathers : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Doglan senesi" : "Дата рождения"}:</p>
<p>{locale === "TKM" ? "Doglan senesi" : "Дата рождения"}:</p>
<h4>{data.birth ? reformatDate(data.birth) : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Mobil telefon" : "Мобильный телефон"}:</p>
<p>{locale === "TKM" ? "Mobil telefon" : "Мобильный телефон"}:</p>
<h4>{data.mobile ? data.mobile : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Öý telefon" : "Домашний телефон"}:</p>
<p>{locale === "TKM" ? "Öý telefon" : "Домашний телефон"}:</p>
<h4>{data.home ? data.home : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Email" : "Эл. адрес"}:</p>
<p>{locale === "TKM" ? "Email" : "Эл. адрес"}:</p>
<h4>{data.email ? data.email : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Pasportyň seriýasy" : "Серия паспорта"}:</p>
<p>{locale === "TKM" ? "Pasportyň seriýasy" : "Серия паспорта"}:</p>
<h4>{data.passport ? data.passport : "-"}</h4>
</li>
<li>
<p>
{locale === "TUK" ? "Кем выдан паспорт" : "Pasportyň berlen ýeri"}
{locale === "TKM" ? "Кем выдан паспорт" : "Pasportyň berlen ýeri"}
:
</p>
<h4>{data.p_address ? data.p_address : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Ýaşaýan salgysy" : "Адрес прописки"}:</p>
<p>{locale === "TKM" ? "Ýaşaýan salgysy" : "Адрес прописки"}:</p>
<h4>{data.address ? data.address : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Welaýat" : "Регион"}:</p>
<p>{locale === "TKM" ? "Welaýat" : "Регион"}:</p>
<h4>{data.region ? data.region : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Filial" : "Филиал"}:</p>
<p>{locale === "TKM" ? "Filial" : "Филиал"}:</p>
<h4>{data.branch ? data.branch : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Iş ýeri" : "Место работы"}:</p>
<p>{locale === "TKM" ? "Iş ýeri" : "Место работы"}:</p>
<h4>{data.workplace ? data.workplace : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Aýlyk haky" : "Сумма зарплаты"}:</p>
<p>{locale === "TKM" ? "Aýlyk haky" : "Сумма зарплаты"}:</p>
<h4>{data.salary ? data.salary : "-"}</h4>
</li>
<li>
<p>{locale === "TUK" ? "Wezipesi" : "Должность"}:</p>
<p>{locale === "TKM" ? "Wezipesi" : "Должность"}:</p>
<h4>{data.position ? data.position : "-"}</h4>
</li>
<li>
<p>
{locale === "TUK"
{locale === "TKM"
? "Soňky iş ýeri boýunça tejribe"
: "Стаж с последнего места работы"}
:
@ -122,7 +122,7 @@ const CreditStage6 = ({
setStage(5);
}}
>
{locale === "TUK" ? "Redaktirlemek" : "Редактировать"}
{locale === "TKM" ? "Redaktirlemek" : "Редактировать"}
</h3>
</div>
</button>
@ -139,7 +139,6 @@ const CreditStage6 = ({
() => {
setSuccess(true);
setTimeout(() => {
setSuccess(false);
getUserInfo(getUrl, token, setUser, () => null);
}, 2000);
},
@ -149,7 +148,7 @@ const CreditStage6 = ({
}}
>
<div>
<h3>{locale === "TUK" ? "Tassyklaýaryn" : "Подтверждаю"}</h3>
<h3>{locale === "TKM" ? "Tassyklaýaryn" : "Подтверждаю"}</h3>
<div className="btn-img">
<img src={next} alt="logout" />
</div>

28
src/components/cards/ModalForm.js
View File

@ -37,7 +37,7 @@ const ModalForm = ({
const [data, setData] = useState({});
const [req, setReq] = useState({
rus: "",
tuk: "",
TKM: "",
});
const [cardData, setCardData] = useState();
@ -64,7 +64,7 @@ const ModalForm = ({
<div className="modal-window">
<div className="modal-top">
<h2>
{locale === "TUK"
{locale === "TKM"
? "Kart almak üçin onlaýn-ýüzlenme"
: "Онлайн-заявка для получения карты"}
</h2>
@ -84,7 +84,7 @@ const ModalForm = ({
<div className="icon-block active">
<Card className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK"
{locale === "TKM"
? "Kartyň görnüşini saýlaň"
: "Выберите вид карты"}
</h3>
@ -96,7 +96,7 @@ const ModalForm = ({
<div className={stage > 1 ? "icon-block active" : "icon-block"}>
<Document className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK" ? "Şahsy maglumatlar" : "Личные данные"}
{locale === "TKM" ? "Şahsy maglumatlar" : "Личные данные"}
</h3>
</div>
<div className={stage > 2 ? "line-block active" : "line-block"}>
@ -106,7 +106,7 @@ const ModalForm = ({
<div className={stage > 2 ? "icon-block active" : "icon-block"}>
<Edit className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK"
{locale === "TKM"
? "Kart üçin maglumatlar"
: "Данные для карты"}
</h3>
@ -118,7 +118,7 @@ const ModalForm = ({
<div className={stage > 3 ? "icon-block active" : "icon-block"}>
<Note className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK"
{locale === "TKM"
? "Talaplar we resminamalar"
: "Требования и документы"}
</h3>
@ -130,7 +130,7 @@ const ModalForm = ({
<div className={stage > 4 ? "icon-block active" : "icon-block"}>
<Task className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK" ? "Ugratmak" : "Отправка"}
{locale === "TKM" ? "Ugratmak" : "Отправка"}
</h3>
</div>
<div className={stage > 5 ? "line-block active" : "line-block"}>
@ -140,7 +140,7 @@ const ModalForm = ({
<div className={stage > 5 ? "icon-block active" : "icon-block"}>
<Receipt className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK" ? "Töleg" : "Оплата"}
{locale === "TKM" ? "Töleg" : "Оплата"}
</h3>
</div>
</div>
@ -149,7 +149,7 @@ const ModalForm = ({
<div className="icon-block active">
<Card className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK"
{locale === "TKM"
? "Kartyň görnüşini saýlaň"
: "Выберите вид карты"}
</h3>
@ -158,14 +158,14 @@ const ModalForm = ({
<div className="icon-block active">
<Document className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK" ? "Şahsy maglumatlar" : "Личные данные"}
{locale === "TKM" ? "Şahsy maglumatlar" : "Личные данные"}
</h3>
</div>
) : stage === 3 ? (
<div className="icon-block active">
<Edit className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK"
{locale === "TKM"
? "Kart üçin maglumatlar"
: "Данные для карты"}
</h3>
@ -174,7 +174,7 @@ const ModalForm = ({
<div className="icon-block active">
<Note className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK"
{locale === "TKM"
? "Talaplar we resminamalar"
: "Требования и документы"}
</h3>
@ -183,14 +183,14 @@ const ModalForm = ({
<div className="icon-block active">
<Task className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK" ? "Ugratmak" : "Отправка"}
{locale === "TKM" ? "Ugratmak" : "Отправка"}
</h3>
</div>
) : stage === 6 ? (
<div className="icon-block active">
<Receipt className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK" ? "Töleg" : "Оплата"}
{locale === "TKM" ? "Töleg" : "Оплата"}
</h3>
</div>
) : (

28
src/components/credits/CreditModal.js
View File

@ -44,7 +44,7 @@ const CreditModal = ({
<div className="modal-window">
<div className="modal-top">
<h2>
{locale === "TUK"
{locale === "TKM"
? "Karz almak üçin onlaýn-ýüzlenme"
: "Онлайн-заявка для получения кредита"}
</h2>
@ -64,7 +64,7 @@ const CreditModal = ({
<div className="icon-block active">
<Img1 className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK"
{locale === "TKM"
? "Karzyň görnüşini saýlaň"
: "Выберите вид кредита"}
</h3>
@ -76,7 +76,7 @@ const CreditModal = ({
<div className={stage > 1 ? "icon-block active" : "icon-block"}>
<Img2 className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK"
{locale === "TKM"
? "Karzyň kalkulýatory"
: "Калькулятор кредита"}
</h3>
@ -88,7 +88,7 @@ const CreditModal = ({
<div className={stage > 2 ? "icon-block active" : "icon-block"}>
<Img3 className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK" ? "Şahsy maglumatlar" : "Личные данные"}
{locale === "TKM" ? "Şahsy maglumatlar" : "Личные данные"}
</h3>
</div>
<div className={stage > 3 ? "line-block active" : "line-block"}>
@ -98,7 +98,7 @@ const CreditModal = ({
<div className={stage > 3 ? "icon-block active" : "icon-block"}>
<Img4 className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK"
{locale === "TKM"
? "Karz üçin maglumat"
: "Данные для кредита"}
</h3>
@ -110,7 +110,7 @@ const CreditModal = ({
<div className={stage > 4 ? "icon-block active" : "icon-block"}>
<Img5 className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK"
{locale === "TKM"
? "Talaplar we resminamalar"
: "Требования и документы"}
</h3>
@ -122,7 +122,7 @@ const CreditModal = ({
<div className={stage > 5 ? "icon-block active" : "icon-block"}>
<Img6 className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK" ? "Ugratmak" : "Отправка"}
{locale === "TKM" ? "Ugratmak" : "Отправка"}
</h3>
</div>
</div>
@ -131,7 +131,7 @@ const CreditModal = ({
<div className="icon-block active">
<Img1 className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK"
{locale === "TKM"
? "Karzyň görnüşini saýlaň"
: "Выберите вид кредита"}
</h3>
@ -140,7 +140,7 @@ const CreditModal = ({
<div className="icon-block active">
<Img2 className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK"
{locale === "TKM"
? "Karzyň kalkulýatory"
: "Калькулятор кредита"}
</h3>
@ -149,14 +149,14 @@ const CreditModal = ({
<div className="icon-block active">
<Img3 className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK" ? "Şahsy maglumatlar" : "Личные данные"}
{locale === "TKM" ? "Şahsy maglumatlar" : "Личные данные"}
</h3>
</div>
) : stage === 4 ? (
<div className="icon-block active">
<Img4 className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK"
{locale === "TKM"
? "Karz üçin maglumat"
: "Данные для кредита"}
</h3>
@ -165,7 +165,7 @@ const CreditModal = ({
<div className="icon-block active">
<Img5 className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK"
{locale === "TKM"
? "Talaplar we resminamalar"
: "Требования и документы"}
</h3>
@ -174,7 +174,7 @@ const CreditModal = ({
<div className="icon-block active">
<Img6 className="modal-icon" />
<h3 className="icon-title">
{locale === "TUK" ? "Ugratmak" : "Отправка"}
{locale === "TKM" ? "Ugratmak" : "Отправка"}
</h3>
</div>
) : (
@ -216,6 +216,8 @@ const CreditModal = ({
setStage={setStage}
data={data}
setData={setData}
creditData={creditData}
id={id}
/>
) : stage === 6 ? (
<CreditStage6

2
src/components/global/Breadcrumb.js
View File

@ -19,7 +19,7 @@ const Breadcrumb = ({ image, link, linkTitle }) => {
<div className="br-image">
<img src={home} alt="home" />
</div>
<span>{locale === "TUK" ? "Baş sahypa" : "Главная"}</span>
<span>{locale === "TKM" ? "Baş sahypa" : "Главная"}</span>
</Link>
{image ? <h6>/</h6> : ""}
{link ? (

16
src/components/global/Error.js
View File

@ -1,16 +1,28 @@
// IMPORT MODULES
import React from "react";
import React, { useContext } from "react";
import { Link } from "react-router-dom";
import { LanguageContext } from "../../backend/LanguageContext";
// IMPORT IMAGES
import error from "../../images/error-cross.png";
const Error = ({ message }) => {
const Error = ({ message, setError }) => {
const { locale } = useContext(LanguageContext);
return (
<div className="success error">
<div className="wrapper">
<img src={error} alt="error" />
</div>
<h1>{message}</h1>
{setError ? (
<h5 onClick={() => setError(false)} id="back">
{locale === "TKM" ? "Saýta geç" : "Вернуться на сайт"}
</h5>
) : (
<Link to="/home" id="back">
{locale === "TKM" ? "Saýta geç" : "Вернуться на сайт"}
</Link>
)}
</div>
);
};

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

@ -51,6 +51,10 @@ const LoggedNav = ({ sideOpen, setSideOpen }) => {
<div className="lines line-1"></div>
<div className="lines line-2"></div>
<div className="lines line-3"></div>
<div className="cross">
<div className="cross-1"></div>
<div className="cross-2"></div>
</div>
</div>
</div>
<Link to="/" className="nav-logo">
@ -104,7 +108,7 @@ const LoggedNav = ({ sideOpen, setSideOpen }) => {
localStorage.setItem("userLanguage", e.target.innerText);
}}
>
TUK
TKM
</li>
</ul>
</li>
@ -120,18 +124,18 @@ const LoggedNav = ({ sideOpen, setSideOpen }) => {
<ul>
<li>
<Link to="/home/profile">
{locale === "TUK"
{locale === "TKM"
? "Profiliň maglumaty"
: "Данные профиля"}
</Link>
</li>
{/* <li>
<li>
<Link to="/home/recovery">
{locale === "TUK"
{locale === "TKM"
? "Açar sözüni çalyşmak"
: "Смена пароля"}
</Link>
</li> */}
</li>
<li>
<button
type="button"
@ -141,7 +145,7 @@ const LoggedNav = ({ sideOpen, setSideOpen }) => {
setUser(null);
}}
>
{locale === "TUK" ? "Çykmak" : "Выход"}
{locale === "TKM" ? "Çykmak" : "Выход"}
</button>
</li>
</ul>

2
src/components/global/Nav.js
View File

@ -71,7 +71,7 @@ const Nav = () => {
localStorage.setItem("userLanguage", e.target.innerText);
}}
>
TUK
TKM
</li>
</ul>
</li>

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

@ -61,7 +61,7 @@ const Side = ({ sideOpen, setSideOpen }) => {
<ul>
<li className="side-top-li">
<h2 className="side-title">
{locale === "TUK" ? "Bölümler" : "Разделы"}
{locale === "TKM" ? "Bölümler" : "Разделы"}
</h2>
<div
className="side-quit"
@ -90,7 +90,7 @@ const Side = ({ sideOpen, setSideOpen }) => {
<img src={card} alt="link" />
</div>
<span>
{locale === "TUK" ? "Plastik kartlar" : "Пластиковые карты"}
{locale === "TKM" ? "Plastik kartlar" : "Пластиковые карты"}
</span>
</Link>
</li>
@ -111,7 +111,7 @@ const Side = ({ sideOpen, setSideOpen }) => {
<div className="link-img">
<img src={credit} alt="link" />
</div>
<span>{locale === "TUK" ? "Karzlar" : "Кредиты"}</span>
<span>{locale === "TKM" ? "Karzlar" : "Кредиты"}</span>
</Link>
</li>
<li
@ -132,7 +132,7 @@ const Side = ({ sideOpen, setSideOpen }) => {
<img src={mail} alt="link" />
</div>
<span>
{locale === "TUK" ? "Hat ýazmak" : "Написать письмо"}
{locale === "TKM" ? "Hat ýazmak" : "Написать письмо"}
</span>
</Link>
</li>
@ -140,7 +140,7 @@ const Side = ({ sideOpen, setSideOpen }) => {
<ul>
<li>
<h2 className="side-title">
{locale === "TUK" ? "Profil" : "Профиль"}
{locale === "TKM" ? "Profil" : "Профиль"}
</h2>
</li>
<li
@ -161,7 +161,7 @@ const Side = ({ sideOpen, setSideOpen }) => {
<img src={user} alt="link" />
</div>
<span>
{locale === "TUK" ? "Profiliň maglumaty" : "Данные профиля"}
{locale === "TKM" ? "Profiliň maglumaty" : "Данные профиля"}
</span>
</Link>
</li>
@ -183,7 +183,7 @@ const Side = ({ sideOpen, setSideOpen }) => {
<img src={password} alt="link" />
</div>
<span>
{locale === "TUK" ? "Açar sözüni çalyşmak" : "Смена пароля"}
{locale === "TKM" ? "Açar sözüni çalyşmak" : "Смена пароля"}
</span>
</Link>
</li>
@ -198,7 +198,7 @@ const Side = ({ sideOpen, setSideOpen }) => {
<div className="link-img">
<img src={quit} alt="link" />
</div>
<span>{locale === "TUK" ? "Çykmak" : "Выход"}</span>
<span>{locale === "TKM" ? "Çykmak" : "Выход"}</span>
</button>
</li>
</ul>
@ -216,7 +216,7 @@ const Side = ({ sideOpen, setSideOpen }) => {
<img src={arrow} alt="arrow" />
</div>
<span>
{locale === "TUK"
{locale === "TKM"
? "Baş sahypa dolanmak"
: "Вернутся на главный сайт"}
</span>

16
src/components/global/Success.js
View File

@ -1,16 +1,28 @@
// IMPORT MODULES
import React from "react";
import React, { useContext } from "react";
import { Link } from "react-router-dom";
import { LanguageContext } from "../../backend/LanguageContext";
// IMPORT IMAGES
import { ReactComponent as Check } from "../../icons/check.svg";
const Success = ({ message }) => {
const Success = ({ message, setError }) => {
const { locale } = useContext(LanguageContext);
return (
<div className="success">
<div className="wrapper">
<Check />
</div>
<h1>{message}</h1>
{setError ? (
<h5 onClick={() => setError(false)} id="back">
{locale === "TKM" ? "Saýta geç" : "Вернуться на сайт"}
</h5>
) : (
<Link to="/home" id="back">
{locale === "TKM" ? "Saýta geç" : "Вернуться на сайт"}
</Link>
)}
</div>
);
};

14
src/components/main/TitleGrid.js
View File

@ -21,7 +21,7 @@ const TitleGrid = () => {
<section className="titlegrid">
<div className="titlegrid-inner">
<h1>
{locale === "TUK" ? translation.tuk.title : translation.rus.title}
{locale === "TKM" ? translation.TKM.title : translation.rus.title}
</h1>
<ul>
<li>
@ -32,7 +32,7 @@ const TitleGrid = () => {
<h3>
{locale === "РУС"
? translation.rus.rules[0]
: translation.tuk.rules[0]}
: translation.TKM.rules[0]}
</h3>
</div>
</li>
@ -44,7 +44,7 @@ const TitleGrid = () => {
<h3>
{locale === "РУС"
? translation.rus.rules[1]
: translation.tuk.rules[1]}
: translation.TKM.rules[1]}
</h3>
</div>
</li>
@ -56,7 +56,7 @@ const TitleGrid = () => {
<h3>
{locale === "РУС"
? translation.rus.rules[2]
: translation.tuk.rules[2]}
: translation.TKM.rules[2]}
</h3>
</div>
</li>
@ -68,7 +68,7 @@ const TitleGrid = () => {
<h3>
{locale === "РУС"
? translation.rus.rules[3]
: translation.tuk.rules[3]}
: translation.TKM.rules[3]}
</h3>
</div>
</li>
@ -80,7 +80,7 @@ const TitleGrid = () => {
<h3>
{locale === "РУС"
? translation.rus.rules[4]
: translation.tuk.rules[4]}
: translation.TKM.rules[4]}
</h3>
</div>
</li>
@ -92,7 +92,7 @@ const TitleGrid = () => {
<h3>
{locale === "РУС"
? translation.rus.rules[5]
: translation.tuk.rules[5]}
: translation.TKM.rules[5]}
</h3>
</div>
</li>

8
src/components/passwordRec/Stage1.js
View File

@ -30,11 +30,11 @@ const Stage1 = ({ setRecStage }) => {
}}
>
<h2 className="form-title">
{locale === "TUK" ? "Açar sözüni dikeltmek" : "Восстановление пароля"}
{locale === "TKM" ? "Açar sözüni dikeltmek" : "Восстановление пароля"}
</h2>
<div className="reg-input-block rec-input">
<label htmlFor="mail">
{locale === "TUK" ? "Email" : "Электронная почта"}
{locale === "TKM" ? "Email" : "Электронная почта"}
<span>*</span>
</label>
<input
@ -61,7 +61,7 @@ const Stage1 = ({ setRecStage }) => {
/>
{validate || error ? (
<span className={!error ? "pass-check" : "pass-check active"}>
{locale === "TUK"
{locale === "TKM"
? "Nädogry email girizildi"
: "Введен неверный email"}
</span>
@ -83,7 +83,7 @@ const Stage1 = ({ setRecStage }) => {
}}
>
<div>
<h3>{locale === "TUK" ? "Ugratmak" : "Отправить"}</h3>
<h3>{locale === "TKM" ? "Ugratmak" : "Отправить"}</h3>
<div className="btn-img">
<img src={Next} alt="next" />
</div>

22
src/components/passwordRec/Stage2.js
View File

@ -41,15 +41,15 @@ const Stage2 = ({ setRecoveryOpen, setRecStage, setLoader, setSuccess }) => {
}}
>
<h2 className="form-title">
{locale === "TUK" ? "Täze açar sözi" : "Новый пароль"}
{locale === "TKM" ? "Täze açar sözi" : "Новый пароль"}
</h2>
<div className="reg-input-block rec-input">
<label htmlFor="code">
{locale === "TUK" ? "Işjeňleşdirme kody" : "Код активации"}
{locale === "TKM" ? "Işjeňleşdirme kody" : "Код активации"}
<span>*</span>
</label>
<input
autoComplete="false"
autoComplete="true"
type="text"
id="code"
name="code"
@ -61,7 +61,7 @@ const Stage2 = ({ setRecoveryOpen, setRecStage, setLoader, setSuccess }) => {
/>
{error ? (
<span className={"pass-check active"}>
{locale === "TUK"
{locale === "TKM"
? "Nädogry kod girizildi"
: "Введен неверный код"}
</span>
@ -71,11 +71,11 @@ const Stage2 = ({ setRecoveryOpen, setRecStage, setLoader, setSuccess }) => {
</div>
<div className="reg-input-block rec-input">
<label htmlFor="new-pass">
{locale === "TUK" ? "Açar sözüni giriziň" : "Введите пароль"}
{locale === "TKM" ? "Açar sözüni giriziň" : "Введите пароль"}
<span>*</span>
</label>
<input
autoComplete="false"
autoComplete="true"
type="password"
id="new-pass"
name="new-pass"
@ -101,7 +101,7 @@ const Stage2 = ({ setRecoveryOpen, setRecStage, setLoader, setSuccess }) => {
inputValid.newPassword ? "pass-check" : "pass-check active"
}
>
{locale === "TUK"
{locale === "TKM"
? "Açar sözi 8 belgiden az bolmadyk we 15 belgiden kän bolmadyk we iň azyndan 1 san, 1 baş harp we 1 setir harp, 1 ýörite bellikden ybarat bolmalydyr. "
: "Пароль должен содержать не менее 1 цифры, 1 заглавной и 1 прописной буквы, 1 особого знака, и быть не менее 8 и не более 15 символов в длину."}
</span>
@ -111,11 +111,11 @@ const Stage2 = ({ setRecoveryOpen, setRecStage, setLoader, setSuccess }) => {
</div>
<div className="reg-input-block rec-input">
<label htmlFor="confirm">
{locale === "TUK" ? "Açar sözüni gaýtalaň" : "Повторите пароль"}
{locale === "TKM" ? "Açar sözüni gaýtalaň" : "Повторите пароль"}
<span>*</span>
</label>
<input
autoComplete="false"
autoComplete="true"
type="password"
id="confirm"
name="confirm"
@ -133,7 +133,7 @@ const Stage2 = ({ setRecoveryOpen, setRecStage, setLoader, setSuccess }) => {
: "pass-check active"
}
>
{locale === "TUK"
{locale === "TKM"
? "Açar sözler gabat gelmeli"
: "Пароли должны совпадать"}
</span>
@ -162,7 +162,7 @@ const Stage2 = ({ setRecoveryOpen, setRecStage, setLoader, setSuccess }) => {
}}
>
<div>
<h3>{locale === "TUK" ? "Üýtget" : "Изменить"}</h3>
<h3>{locale === "TKM" ? "Üýtget" : "Изменить"}</h3>
<div className="btn-img">
<img src={Next} alt="next" />
</div>

78
src/components/sign/RegForm.js
View File

@ -130,16 +130,16 @@ const RegForm = () => {
{isLoading ? <Loader /> : ""}
<div className="reg-top">
<h2 className="reg-title">
{locale === "TUK" ? "Hasaba almak" : "Регистрация"}
{locale === "TKM" ? "Hasaba almak" : "Регистрация"}
</h2>
<div className="reg-input-wrapper">
<div className="reg-input-block">
<label htmlFor="surname">
{locale === "TUK" ? "Familiýasy" : "Фамилия"}
{locale === "TKM" ? "Familiýasy" : "Фамилия"}
<span>*</span>
</label>
<input
autoComplete="false"
autoComplete="true"
type="text"
placeholder="Amanow"
name="surname"
@ -157,11 +157,11 @@ const RegForm = () => {
</div>
<div className="reg-input-block">
<label htmlFor="name">
{locale === "TUK" ? "Ady" : "Имя"}
{locale === "TKM" ? "Ady" : "Имя"}
<span>*</span>
</label>
<input
autoComplete="false"
autoComplete="true"
type="text"
placeholder="Aman"
name="name"
@ -179,11 +179,11 @@ const RegForm = () => {
</div>
<div className="reg-input-block">
<label htmlFor="fname">
{locale === "TUK" ? "Atasynyň ady" : "Отчество"}
{locale === "TKM" ? "Atasynyň ady" : "Отчество"}
<span>*</span>
</label>
<input
autoComplete="false"
autoComplete="true"
type="text"
placeholder="Amanowich"
name="fathers"
@ -201,11 +201,11 @@ const RegForm = () => {
</div>
<div className="reg-input-block">
<label htmlFor="date">
{locale === "TUK" ? "Doglan senesi" : "Дата рождения"}
{locale === "TKM" ? "Doglan senesi" : "Дата рождения"}
<span>*</span>
</label>
<input
autoComplete="false"
autoComplete="true"
type="date"
name="date"
placeholder="дд / мм / гггг"
@ -226,7 +226,7 @@ const RegForm = () => {
<div className="reg-input-block split">
<div className="split-block">
<label htmlFor="serie">
{locale === "TUK" ? "Pasportyň seriýasy" : "Серия паспорта"}
{locale === "TKM" ? "Pasportyň seriýasy" : "Серия паспорта"}
<span>*</span>
</label>
<CustomSelect
@ -258,11 +258,11 @@ const RegForm = () => {
</div>
<div className="split-block">
<label htmlFor="num">
{locale === "TUK" ? "Pasportyň belgisi" : "Номер паспорта"}
{locale === "TKM" ? "Pasportyň belgisi" : "Номер паспорта"}
<span>*</span>
</label>
<input
autoComplete="false"
autoComplete="true"
type="text"
name="num"
maxLength={6}
@ -282,13 +282,13 @@ const RegForm = () => {
</div>
<div className="reg-input-block">
<label htmlFor="place">
{locale === "TUK"
{locale === "TKM"
? "Pasportyň berlen ýeri"
: "Место выдачи паспорта"}
<span>*</span>
</label>
<input
autoComplete="false"
autoComplete="true"
type="text"
name="place"
placeholder="Kopetdag etrapyň häkimliki"
@ -306,11 +306,11 @@ const RegForm = () => {
</div>
<div className="reg-input-block">
<label htmlFor="address">
{locale === "TUK" ? "Ýaşaýan salgysy" : "Адрес проживания"}
{locale === "TKM" ? "Ýaşaýan salgysy" : "Адрес проживания"}
<span>*</span>
</label>
<input
autoComplete="false"
autoComplete="true"
type="text"
name="address"
placeholder="Parahat 3/1, j.16, k.5"
@ -328,11 +328,11 @@ const RegForm = () => {
</div>
<div className="reg-input-block">
<label htmlFor="email">
{locale === "TUK" ? "Email" : "Электронная почта"}
{locale === "TKM" ? "Email" : "Электронная почта"}
<span>*</span>
</label>
<input
autoComplete="false"
autoComplete="true"
type="email"
name="email"
placeholder="amanowaman@gmail.com"
@ -353,7 +353,7 @@ const RegForm = () => {
inputValid.email ? "pass-check" : "pass-check active"
}
>
{locale === "TUK"
{locale === "TKM"
? "Nädogry email girizildi"
: "Введен неверный email"}
</span>
@ -363,11 +363,11 @@ const RegForm = () => {
</div>
<div className="reg-input-block">
<label htmlFor="mobile">
{locale === "TUK" ? "Mobil telefon" : "Мобильный телефон"}
{locale === "TKM" ? "Mobil telefon" : "Мобильный телефон"}
<span>*</span>
</label>
<input
autoComplete="false"
autoComplete="true"
type="text"
name="mobile"
placeholder="865656565"
@ -388,7 +388,7 @@ const RegForm = () => {
inputValid.mobileTel ? "pass-check" : "pass-check active"
}
>
{locale === "TUK"
{locale === "TKM"
? "Nädogry belgi girizildi"
: "Введен неверный номер"}
</span>
@ -398,11 +398,11 @@ const RegForm = () => {
</div>
<div className="reg-input-block">
<label htmlFor="hometel">
{locale === "TUK" ? "Öý telefon" : "Домашний телефон"}
{locale === "TKM" ? "Öý telefon" : "Домашний телефон"}
<span>*</span>
</label>
<input
autoComplete="false"
autoComplete="true"
type="text"
name="hometel"
placeholder="812121212"
@ -423,7 +423,7 @@ const RegForm = () => {
inputValid.homeTel ? "pass-check" : "pass-check active"
}
>
{locale === "TUK"
{locale === "TKM"
? "Nädogry belgi girizildi"
: "Введен неверный номер"}
</span>
@ -435,18 +435,18 @@ const RegForm = () => {
</div>
<div className="reg-top reg-bottom">
<h2 className="reg-title">
{locale === "TUK"
{locale === "TKM"
? "Ulanyjynyň maglumatlary"
: "Данные пользователя"}
</h2>
<div className="reg-input-wrapper">
<div className="reg-input-block">
<label htmlFor="user">
{locale === "TUK" ? "Ulanyjy" : "Пользователь"}
{locale === "TKM" ? "Ulanyjy" : "Пользователь"}
<span>*</span>
</label>
<input
autoComplete="false"
autoComplete="true"
type="text"
name="user"
placeholder="aman_amanow"
@ -467,7 +467,7 @@ const RegForm = () => {
inputValid.user ? "pass-check" : "pass-check active"
}
>
{locale === "TUK"
{locale === "TKM"
? 'Ulanyjy adynda "_" -dan başga ýörite belgiler bolup bilmez.'
: `Имя пользователя не может содержать особых знаков, кроме "_"`}
</span>
@ -486,11 +486,11 @@ const RegForm = () => {
<img src={eye} alt="eye" />
</div>
<label htmlFor="pass">
{locale === "TUK" ? "Açar sözi" : "Пароль"}
{locale === "TKM" ? "Açar sözi" : "Пароль"}
<span>*</span>
</label>
<input
autoComplete="false"
autoComplete="true"
type={isPassword ? "password" : "text"}
onCopy={(e) => {
e.preventDefault();
@ -518,7 +518,7 @@ const RegForm = () => {
inputValid.password ? "pass-check" : "pass-check active"
}
>
{locale === "TUK"
{locale === "TKM"
? "Açar sözi 8 belgiden az bolmadyk we 15 belgiden kän bolmadyk we iň azyndan 1 san, 1 baş harp we 1 setir harp, 1 ýörite bellikden ybarat bolmalydyr. "
: "Пароль должен содержать не менее 1 цифры, 1 заглавной и 1 прописной буквы, 1 особого знака, и быть не менее 8 и не более 15 символов в длину."}
</span>
@ -528,14 +528,14 @@ const RegForm = () => {
</div>
<div className="reg-input-block">
<label htmlFor="repeat-pass">
{locale === "TUK" ? "Açar sözi gaýtalaň" : "Повторите пароль"}
{locale === "TKM" ? "Açar sözi gaýtalaň" : "Повторите пароль"}
<span>*</span>
</label>
<input
onPaste={(e) => {
e.preventDefault();
}}
autoComplete="false"
autoComplete="true"
type="password"
name="repeat-pass"
id="repeat-pass"
@ -551,7 +551,7 @@ const RegForm = () => {
inputValid.match ? "pass-check" : "pass-check active"
}
>
{locale === "TUK"
{locale === "TKM"
? "Açar sözler gabat gelmeli"
: "Пароли должны совпадать"}
</span>
@ -564,13 +564,13 @@ const RegForm = () => {
{error ? (
error === "The email has already been taken." ? (
<h3 className="error">
{locale === "TUK"
{locale === "TKM"
? "Bu email salgysy eýýäm ulanylýar"
: "Этот адресс электронной почты уже используется"}
</h3>
) : error === "The username has already been taken." ? (
<h3 className="error">
{locale === "TUK"
{locale === "TKM"
? "Bu ulanyjy ady eýýäm ulanylýar"
: "Это имя пользователя уже используется"}
</h3>
@ -590,7 +590,7 @@ const RegForm = () => {
}}
/>
</div>
{locale === "TUK" ? (
{locale === "TKM" ? (
<h2>
( <span>*</span> ) belgili ähli meýdançalar hökman
doldurylmalydyrlar. Ähli meýdançalar latin harplary bilen
@ -629,7 +629,7 @@ const RegForm = () => {
>
<div>
<h3>
{locale === "TUK" ? "Hasaba almak" : "Зарегистрироваться"}
{locale === "TKM" ? "Hasaba almak" : "Зарегистрироваться"}
</h3>
<div className="btn-img">
<img src={up} alt="logout" />

4
src/components/sign/SignForm.js
View File

@ -58,7 +58,7 @@ const SignForm = ({
}}
>
<div className="sign-top">
<h2>{locale === "TUK" ? "Hasaba gir" : "Вход"}</h2>
<h2>{locale === "TKM" ? "Hasaba gir" : "Вход"}</h2>
</div>
<div className="sign-mid">
<div className="input-block">
@ -149,7 +149,7 @@ const SignForm = ({
setRecoveryOpen(true);
}}
>
{locale === "TUK" ? "Açar sözüni unutdym" : "Забыли пароль?"}
{locale === "TKM" ? "Açar sözüni unutdym" : "Забыли пароль?"}
</h3>
</div>
</div>

2
src/data/timeSheet.js
View File

@ -6,6 +6,4 @@ export const timeSheet = [
"14:00",
"15:00",
"16:00",
"17:00",
"18:00",
];

2
src/icons/logo-transp.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 173 KiB

After

Width:  |  Height:  |  Size: 173 KiB

14
src/localization/branchData.js
View File

@ -1,7 +1,7 @@
export const branchData = () => {
return {
regions: {
TUK: ["Aşgabat şäheri", "Ahal", "Balkan", "Daşoguz", "Lebap", "Mary"],
TKM: ["Aşgabat şäheri", "Ahal", "Balkan", "Daşoguz", "Lebap", "Mary"],
RUS: [
"Город Ашхабад",
"Ахалский регион",
@ -12,7 +12,7 @@ export const branchData = () => {
],
},
Ashgabat: {
TUK: [
TKM: [
"Merkezi diwan",
"Bagtyýarlyk şahamça",
"Berkararlyk şahamça",
@ -32,7 +32,7 @@ export const branchData = () => {
],
},
Ahal: {
TUK: [
TKM: [
"Ak bugdaý şahamça",
"Bäherden şahamça",
"Gökdepe şahamça",
@ -46,11 +46,11 @@ export const branchData = () => {
],
},
Balkan: {
TUK: ["Balkan şahamça", "Türkmenbaşy şahamça", "Esenguly şahamça"],
TKM: ["Balkan şahamça", "Türkmenbaşy şahamça", "Esenguly şahamça"],
RUS: ["Филиал Балкан", "Филиал Туркменбаши", "Филиал Эсенгулы"],
},
Dashoguz: {
TUK: [
TKM: [
"Daşoguz şahamça",
"Köneurgenç şahamça",
"Ruhubelent şahamça",
@ -64,7 +64,7 @@ export const branchData = () => {
],
},
Lebap: {
TUK: [
TKM: [
"Lebap şahamça",
"Dostluk şahamça",
"Galkynyş şahamça",
@ -84,7 +84,7 @@ export const branchData = () => {
],
},
Mary: {
TUK: [
TKM: [
"Mary şahamça",
"Ýöleten şahamça",
"Murgap şahamça",

2
src/localization/main.js
View File

@ -12,7 +12,7 @@ export const main = () => {
"Не принимайте различные соглашения без тщательного ознакомления",
],
},
tuk: {
TKM: {
title:
"Internet çeşmeleri ulanylanda aşakdaky howpsuzlyk düzgünlerini berk berjaý etmeklik kompýuteriňizi ýa-da ykjam enjamyňyzy zyýanly programma üpjünçiliginden we gizlin şahsy maglumatlaryň aýan bolmagyndan goranmaga ýardam berer.",
rules: [

34
src/pages/Base.js
View File

@ -20,7 +20,7 @@ const Base = () => {
<div className="container">
<div className="cards-inner">
<h2 className="cards-title">
{locale === "TUK" ? "Hoş geldiňiz" : "Добро пожаловать"},{" "}
{locale === "TKM" ? "Hoş geldiňiz" : "Добро пожаловать"},{" "}
<span id="user">
{user ? (
user.name ? (
@ -38,10 +38,10 @@ const Base = () => {
<tbody>
<tr className="table-head">
<th>ID</th>
<th>{locale === "TUK" ? "Görnüşi" : "Тип"}</th>
<th>{locale === "TUK" ? "Senesi" : "Дата"}</th>
<th>{locale === "TUK" ? "Ýagdaýy" : "Статус"}</th>
<th>{locale === "TUK" ? "Amal" : "Действие"}</th>
<th>{locale === "TKM" ? "Görnüşi" : "Тип"}</th>
<th>{locale === "TKM" ? "Senesi" : "Дата"}</th>
<th>{locale === "TKM" ? "Ýagdaýy" : "Статус"}</th>
<th>{locale === "TKM" ? "Amal" : "Действие"}</th>
</tr>
{user ? (
@ -62,23 +62,23 @@ const Base = () => {
}
>
{el.status === "1"
? locale === "TUK"
? locale === "TKM"
? "Ugradyldy"
: "Отправлено"
: el.status === "2"
? locale === "TUK"
? locale === "TKM"
? "Kabul edildi"
: "Принята"
: el.status === "3"
? locale === "TUK"
? locale === "TKM"
? "Görülyar"
: "На стадии рассмотрения"
: el.status === "4"
? locale === "TUK"
? locale === "TKM"
? "Tassyklandy"
: "Утверждено"
: el.status === "5"
? locale === "TUK"
? locale === "TKM"
? "Ret edildi"
: "Отказано"
: ""}
@ -108,7 +108,7 @@ const Base = () => {
) : (
<tr>
<td>
{locale === "TUK"
{locale === "TKM"
? "Tabşyrlan ýüzlenme ýok"
: "Заявок нет"}
</td>
@ -125,7 +125,7 @@ const Base = () => {
) : (
<tr>
<td>
{locale === "TUK"
{locale === "TKM"
? "Tabşyrlan ýüzlenme ýok"
: "Заявок на карты нет"}
</td>
@ -155,23 +155,23 @@ const Base = () => {
}
>
{el.status === "1"
? locale === "TUK"
? locale === "TKM"
? "Ugradyldy"
: "Отправлено"
: el.status === "2"
? locale === "TUK"
? locale === "TKM"
? "Kabul edildi"
: "Принята"
: el.status === "3"
? locale === "TUK"
? locale === "TKM"
? "Görülyar"
: "На стадии рассмотрения"
: el.status === "4"
? locale === "TUK"
? locale === "TKM"
? "Kart çykaryldy"
: "Карта выпущена"
: el.status === "5"
? locale === "TUK"
? locale === "TKM"
? "Ret edildi"
: "Отказано"
: ""}

35
src/pages/Cards.js
View File

@ -24,7 +24,6 @@ const Cards = () => {
const [loader, setLoader] = useState(false);
const [modalOpen, setModalOpen] = useState(false);
const [stage, setStage] = useState(1);
console.log(user);
useEffect(() => {
if (modalOpen) {
document.body.style.overflowY = "hidden";
@ -37,25 +36,27 @@ const Cards = () => {
{error ? (
<Error
message={
locale === "TUK"
locale === "TKM"
? "Ýüzlenme ugradylmady"
: "Не удалось отправить запрос"
}
setError={setError}
/>
) : null}
{success ? (
<Success
message={
locale === "TUK"
locale === "TKM"
? "Ýüzlenme ugradyldy!"
: "Ваш запрос успешно отправлен!"
}
setSuccess={setSuccess}
/>
) : null}
<Breadcrumb
image={card}
link={"/home/cards"}
linkTitle={locale === "TUK" ? "Plastik kartlar" : "Пластиковые карты"}
linkTitle={locale === "TKM" ? "Plastik kartlar" : "Пластиковые карты"}
/>
<ModalForm
setModalOpen={setModalOpen}
@ -72,7 +73,7 @@ const Cards = () => {
<div className="cards-inner">
<div className="card-title">
<h2 className="cards-title">
{locale === "TUK"
{locale === "TKM"
? "Kart almak üçin onlaýn-ýüzlenme"
: "Онлайн-заявка для получения карты"}
</h2>
@ -88,7 +89,7 @@ const Cards = () => {
<img src={add} alt="add" />
</div>
<h3>
{locale === "TUK" ? "Ýüzlenme doldurmak" : "Заполнить заявку"}
{locale === "TKM" ? "Ýüzlenme doldurmak" : "Заполнить заявку"}
</h3>
</button>
</div>
@ -97,10 +98,10 @@ const Cards = () => {
<tbody>
<tr className="table-head">
<th>ID</th>
<th>{locale === "TUK" ? "Görnüşi" : "Тип"}</th>
<th>{locale === "TUK" ? "Senesi" : "Дата"}</th>
<th>{locale === "TUK" ? "Ýagdaýy" : "Статус"}</th>
<th>{locale === "TUK" ? "Amal" : "Действие"}</th>
<th>{locale === "TKM" ? "Görnüşi" : "Тип"}</th>
<th>{locale === "TKM" ? "Senesi" : "Дата"}</th>
<th>{locale === "TKM" ? "Ýagdaýy" : "Статус"}</th>
<th>{locale === "TKM" ? "Amal" : "Действие"}</th>
</tr>
{user ? (
user.online_card.length !== 0 ? (
@ -121,23 +122,23 @@ const Cards = () => {
}
>
{el.status === "1"
? locale === "TUK"
? locale === "TKM"
? "Ugradyldy"
: "Отправлено"
: el.status === "2"
? locale === "TUK"
? locale === "TKM"
? "Kabul edildi"
: "Принята"
: el.status === "3"
? locale === "TUK"
? locale === "TKM"
? "Görülyar"
: "На стадии рассмотрения"
: el.status === "4"
? locale === "TUK"
? locale === "TKM"
? "Kart çykaryldy"
: "Карта выпущена"
: el.status === "5"
? locale === "TUK"
? locale === "TKM"
? "Ret edildi"
: "Отказано"
: ""}
@ -165,7 +166,7 @@ const Cards = () => {
) : (
<tr>
<td>
{locale === "TUK"
{locale === "TKM"
? "Tabşyrlan ýüzlenme ýok"
: "Заявок на карты нет"}
</td>
@ -178,7 +179,7 @@ const Cards = () => {
) : (
<tr>
<td>
{locale === "TUK"
{locale === "TKM"
? "Tabşyrlan ýüzlenme ýok"
: "Заявок на карты нет"}
</td>

25
src/pages/ContactUs.js
View File

@ -50,30 +50,32 @@ const ContactUs = () => {
{error ? (
<Error
message={
locale === "TUK"
locale === "TKM"
? "Hat ugradylmady"
: "Не удалось отправить сообщение"
}
setError={setError}
/>
) : null}
{success ? (
<Success
message={
locale === "TUK"
locale === "TKM"
? "Hat ugradyldy!"
: "Ваше сообщение успешно отправлено!"
}
setSuccess={setSuccess}
/>
) : null}
<Breadcrumb
image={mail}
link={"/home/contact-us"}
linkTitle={locale === "TUK" ? "Hat ýazmak" : "Написать письмо"}
linkTitle={locale === "TKM" ? "Hat ýazmak" : "Написать письмо"}
/>
<div className="container">
<div className="contact-us-inner">
<h2 className="cu-title">
{locale === "TUK" ? "Hat ýazmak" : "Написать письмо"}
{locale === "TKM" ? "Hat ýazmak" : "Написать письмо"}
</h2>
<form
onSubmit={(e) => {
@ -86,17 +88,17 @@ const ContactUs = () => {
<div className="form-wrapper">
<div className="input-block">
<label htmlFor="topic">
{locale === "TUK" ? "Hatyň temasy" : "Тема письма"}
{locale === "TKM" ? "Hatyň temasy" : "Тема письма"}
</label>
<CustomSelect
placeholder={
locale === "TUK"
locale === "TKM"
? "Hatyň temasyny saýlaň"
: "Выберите тему письма"
}
name={"topic"}
items={
locale === "TUK"
locale === "TKM"
? ["Plastik kartlar", "Karzlar"]
: ["Пластиковые карты", "Кредиты"]
}
@ -110,14 +112,14 @@ const ContactUs = () => {
</div>
<div className="input-block">
<label htmlFor="msg">
{locale === "TUK" ? "Hat" : "Сообщение"}
{locale === "TKM" ? "Hat" : "Сообщение"}
</label>
<textarea
name="msg"
id="msg"
rows="10"
placeholder={
locale === "TUK" ? "Siziň hatyňyz" : "Ваше сообщение"
locale === "TKM" ? "Siziň hatyňyz" : "Ваше сообщение"
}
onChange={(e) => {
if (e.target.value !== "") {
@ -163,9 +165,6 @@ const ContactUs = () => {
},
() => {
setSuccess(true);
setTimeout(() => {
setSuccess(false);
}, 2000);
},
setError
);
@ -173,7 +172,7 @@ const ContactUs = () => {
>
<div>
<h3>
{locale === "TUK" ? "Haty ugrat" : "Отправить письмо"}
{locale === "TKM" ? "Haty ugrat" : "Отправить письмо"}
</h3>
<div className="btn-img">
<img src={send} alt="logout" />

34
src/pages/Credits.js
View File

@ -57,25 +57,27 @@ const Credits = () => {
{success ? (
<Success
message={
locale === "TUK"
locale === "TKM"
? "Ýüzlenme ugradyldy!"
: "Ваш запрос успешно отправлен!"
}
setSuccess={setSuccess}
/>
) : null}
{error ? (
<Error
message={
locale === "TUK"
locale === "TKM"
? "Ýüzlenme ugradylmady"
: "Не удалось отправить запрос"
}
setError={setError}
/>
) : null}
<Breadcrumb
image={credit}
link={"/home/credits"}
linkTitle={locale === "TUK" ? "Karzlar" : "Кредиты"}
linkTitle={locale === "TKM" ? "Karzlar" : "Кредиты"}
/>
<CreditModal
setModalOpen={setModalOpen}
@ -93,7 +95,7 @@ const Credits = () => {
<div className="cards-inner">
<div className="card-title">
<h2 className="cards-title">
{locale === "TUK"
{locale === "TKM"
? "Karz almak üçin onlaýn-ýüzlenme"
: "Онлайн-заявка для получения кредита"}
</h2>
@ -109,7 +111,7 @@ const Credits = () => {
<img src={add} alt="add" />
</div>
<h3>
{locale === "TUK" ? "Ýüzlenme doldurmak" : "Заполнить заявку"}
{locale === "TKM" ? "Ýüzlenme doldurmak" : "Заполнить заявку"}
</h3>
</button>
</div>
@ -118,10 +120,10 @@ const Credits = () => {
<tbody>
<tr className="table-head">
<th>ID</th>
<th>{locale === "TUK" ? "Görnüşi" : "Тип"}</th>
<th>{locale === "TUK" ? "Senesi" : "Дата"}</th>
<th>{locale === "TUK" ? "Ýagdaýy" : "Статус"}</th>
<th>{locale === "TUK" ? "Amal" : "Действие"}</th>
<th>{locale === "TKM" ? "Görnüşi" : "Тип"}</th>
<th>{locale === "TKM" ? "Senesi" : "Дата"}</th>
<th>{locale === "TKM" ? "Ýagdaýy" : "Статус"}</th>
<th>{locale === "TKM" ? "Amal" : "Действие"}</th>
</tr>
{user ? (
user.online_credit.length !== 0 ? (
@ -141,23 +143,23 @@ const Credits = () => {
}
>
{el.status === "1"
? locale === "TUK"
? locale === "TKM"
? "Ugradyldy"
: "Отправлено"
: el.status === "2"
? locale === "TUK"
? locale === "TKM"
? "Kabul edildi"
: "Принята"
: el.status === "3"
? locale === "TUK"
? locale === "TKM"
? "Görülyar"
: "На стадии рассмотрения"
: el.status === "4"
? locale === "TUK"
? locale === "TKM"
? "Tassyklandy"
: "Утверждено"
: el.status === "5"
? locale === "TUK"
? locale === "TKM"
? "Ret edildi"
: "Отказано"
: ""}
@ -184,7 +186,7 @@ const Credits = () => {
) : (
<tr>
<td>
{locale === "TUK"
{locale === "TKM"
? "Tabşyrlan ýüzlenme ýok"
: "Заявок на кредиты нет"}
</td>
@ -197,7 +199,7 @@ const Credits = () => {
) : (
<tr>
<td>
{locale === "TUK"
{locale === "TKM"
? "Tabşyrlan ýüzlenme ýok"
: "Заявок на кредиты нет"}
</td>

13
src/pages/ErrorPage.js
View File

@ -1,6 +1,5 @@
// IMPORT MODULES
import React, { useEffect } from "react";
import { useNavigate } from "react-router-dom";
import React from "react";
// IMPORT COMPONENTS
import Error from "../components/global/Error";
@ -8,18 +7,12 @@ import Error from "../components/global/Error";
const ErrorPage = () => {
const lang = localStorage.getItem("userLanguage")
? localStorage.getItem("userLanguage")
: "TUK";
const navigate = useNavigate();
useEffect(() => {
setTimeout(() => {
navigate("/home");
}, 1900);
}, []);
: "TKM";
return (
<section className="success-page">
<Error
message={
lang === "TUK"
lang === "TKM"
? "Ýüzlenme ugradylmady"
: "Не удалось отправить запрос"
}

24
src/pages/Profile.js
View File

@ -34,7 +34,7 @@ const Profile = () => {
<Breadcrumb
image={userImg}
link={"/home/profile"}
linkTitle={locale === "TUK" ? "Profiliň maglumaty" : "Данные профиля"}
linkTitle={locale === "TKM" ? "Profiliň maglumaty" : "Данные профиля"}
/>
<div className="container">
<div className="profile-inner">
@ -42,14 +42,14 @@ const Profile = () => {
<div className="form-top">
<div className="cu-bottom profile-title">
<h2 className="profile-title">
{locale === "TUK" ? "Profiliň maglumaty" : "Данные профиля"}
{locale === "TKM" ? "Profiliň maglumaty" : "Данные профиля"}
</h2>
</div>
</div>
<div className="form-bottom">
<div className="input-block">
<label htmlFor="surname">
{locale === "TUK" ? "Familiýasy" : "Фамилия"}
{locale === "TKM" ? "Familiýasy" : "Фамилия"}
</label>
<input
readOnly
@ -66,7 +66,7 @@ const Profile = () => {
/>
</div>
<div className="input-block">
<label htmlFor="name">{locale === "TUK" ? "Ady" : "Имя"}</label>
<label htmlFor="name">{locale === "TKM" ? "Ady" : "Имя"}</label>
<input
readOnly
type="text"
@ -83,7 +83,7 @@ const Profile = () => {
</div>
<div className="input-block">
<label htmlFor="fathers">
{locale === "TUK" ? "Atasynyň ady" : "Отчество"}
{locale === "TKM" ? "Atasynyň ady" : "Отчество"}
</label>
<input
readOnly
@ -101,7 +101,7 @@ const Profile = () => {
</div>
<div className="input-block">
<label htmlFor="date">
{locale === "TUK" ? "Doglan senesi" : "Дата рождения"}
{locale === "TKM" ? "Doglan senesi" : "Дата рождения"}
</label>
<input
readOnly
@ -119,7 +119,7 @@ const Profile = () => {
</div>
<div className="input-block">
<label htmlFor="passport">
{locale === "TUK"
{locale === "TKM"
? "Pasport maglumatlary"
: "Паспортные данные"}
</label>
@ -139,7 +139,7 @@ const Profile = () => {
</div>
<div className="input-block">
<label htmlFor="p-address">
{locale === "TUK"
{locale === "TKM"
? "Pasportyň berlen ýeri"
: "Место выдачи паспорта"}
</label>
@ -159,7 +159,7 @@ const Profile = () => {
</div>
<div className="input-block">
<label htmlFor="address">
{locale === "TUK" ? "Ýaşaýan salgysy" : "Адрес проживания"}
{locale === "TKM" ? "Ýaşaýan salgysy" : "Адрес проживания"}
</label>
<input
readOnly
@ -177,7 +177,7 @@ const Profile = () => {
</div>
<div className="input-block">
<label htmlFor="mail">
{locale === "TUK" ? "Email" : "Электронная почта"}
{locale === "TKM" ? "Email" : "Электронная почта"}
</label>
<input
readOnly
@ -195,7 +195,7 @@ const Profile = () => {
</div>
<div className="input-block">
<label htmlFor="mobile">
{locale === "TUK" ? "Mobil telefon" : "Мобильный телефон"}
{locale === "TKM" ? "Mobil telefon" : "Мобильный телефон"}
</label>
<input
readOnly
@ -213,7 +213,7 @@ const Profile = () => {
</div>
<div className="input-block">
<label htmlFor="homeTel">
{locale === "TUK" ? "Öý telefon" : "Домашний телефон"}
{locale === "TKM" ? "Öý telefon" : "Домашний телефон"}
</label>
<input
readOnly

28
src/pages/Recovery.js
View File

@ -66,25 +66,27 @@ const Recovery = () => {
{error ? (
<Error
message={
locale === "TUK"
locale === "TKM"
? "Açar söz çalşylmady"
: "Не удалось поменять пароль"
}
setError={setError}
/>
) : null}
{success ? (
<Success
message={
locale === "TUK"
locale === "TKM"
? "Açar söz çalşyldy!"
: "Ваш пароль успешно изменен!"
}
setSuccess={setSuccess}
/>
) : null}
<Breadcrumb
image={recovery}
link={"/home/recovery"}
linkTitle={locale === "TUK" ? "Açar sözüni çalyşmak" : "Смена пароля"}
linkTitle={locale === "TKM" ? "Açar sözüni çalyşmak" : "Смена пароля"}
/>
<div className="container">
{isLoading ? <Loader /> : ""}
@ -98,7 +100,7 @@ const Recovery = () => {
>
<div className="cu-bottom p-recovery-title">
<h2>
{locale === "TUK"
{locale === "TKM"
? "Açar sözüni çalyşmak"
: "Поменять пароля"}
</h2>
@ -134,7 +136,7 @@ const Recovery = () => {
<img src={change} alt="logout" />
</div>
<h3>
{locale === "TUK"
{locale === "TKM"
? "Ýatda sakla"
: "Сохранить изменения"}
</h3>
@ -171,7 +173,7 @@ const Recovery = () => {
inputValid.email ? "pass-check" : "pass-check active"
}
>
{locale === "TUK"
{locale === "TKM"
? "Nädogry email girizildi"
: "Введен неверный E-mail"}
</span>
@ -182,11 +184,11 @@ const Recovery = () => {
<div className="input-block-outer">
<div className="input-block rel-block">
<label htmlFor="new-p">
{locale === "TUK" ? "Täze açar söz" : "Новый пароль"}
{locale === "TKM" ? "Täze açar söz" : "Новый пароль"}
</label>
<input
ref={inp1}
autoComplete="false"
autoComplete="true"
type={isPassword ? "password" : "text"}
id="new-p"
onChange={(e) => {
@ -218,7 +220,7 @@ const Recovery = () => {
: "pass-check pass-check-margined active"
}
>
{locale === "TUK"
{locale === "TKM"
? "Açar sözi 8 belgiden az bolmadyk we 15 belgiden kän bolmadyk we iň azyndan 1 san, 1 baş harp we 1 setir harp, 1 ýörite bellikden ybarat bolmalydyr. "
: "Пароль должен содержать не менее 1 цифры, 1 заглавной и 1 прописной буквы, 1 особого знака, и быть не менее 8 и не более 15 символов в длину."}
</span>
@ -228,13 +230,13 @@ const Recovery = () => {
</div>
<div className="input-block">
<label htmlFor="confirm-p">
{locale === "TUK"
{locale === "TKM"
? "Açar sözi gaýtalaň"
: "Повторите пароль"}
</label>
<input
ref={inp2}
autoComplete="false"
autoComplete="true"
type={isPassword ? "password" : "text"}
id="confirm-p"
onChange={(e) => {
@ -250,7 +252,7 @@ const Recovery = () => {
: "pass-check active"
}
>
{locale === "TUK"
{locale === "TKM"
? "Açar sözler gabat gelmeli"
: "Пароли должны совпадать"}
</span>
@ -272,7 +274,7 @@ const Recovery = () => {
</div>
) : (
<h2>
{locale === "TUK"
{locale === "TKM"
? "Açar sözüni çalyşmak üçin siziň akkaundyňyz aktiwleşdirilmeli. Az wagtdan gaýtadan synanşyp görüň."
: "Чтобы поменять пароль ваш аккаунт должен быть активирован. Пожалуйста, попробуйте позже"}
</h2>

4
src/pages/SignIn.js
View File

@ -46,7 +46,9 @@ const SignIn = ({ stage }) => {
}, [formData]);
return (
<section className="sign-in">
{success ? <Success message={"Пароль успешно изменен!"} /> : null}
{success ? (
<Success message={"Пароль успешно изменен!"} setSuccess={setSuccess} />
) : null}
<PasswordRec
setSuccess={setSuccess}
recoveryOpen={recoveryOpen}

13
src/pages/SuccessPage.js
View File

@ -1,6 +1,5 @@
// IMPORT MODULES
import React, { useEffect } from "react";
import { useNavigate } from "react-router-dom";
import React from "react";
// IMPORT COMPONENTS
import Success from "../components/global/Success";
@ -8,18 +7,12 @@ import Success from "../components/global/Success";
const SuccessPage = () => {
const lang = localStorage.getItem("userLanguage")
? localStorage.getItem("userLanguage")
: "TUK";
const navigate = useNavigate();
useEffect(() => {
setTimeout(() => {
navigate("/home");
}, 1900);
}, []);
: "TKM";
return (
<section className="success-page">
<Success
message={
lang === "TUK"
lang === "TKM"
? "Ýüzlenme ugradyldy!"
: "Ваш запрос успешно отправлен!"
}

11
src/scss/_global.scss
View File

@ -25,6 +25,16 @@ td {
font-family: $font-family;
}
#back {
color: blue;
font-size: 1.6rem;
text-decoration: underline;
cursor: pointer;
font-weight: bold;
padding: 2rem 4rem;
border: 0.2rem solid #e5e5e5;
}
.container {
max-width: 150rem;
padding: 0 4rem;
@ -34,6 +44,7 @@ td {
body {
min-height: 100vh;
position: relative;
scroll-behavior: smooth;
}
button:disabled {

32
src/scss/_nav.scss
View File

@ -19,6 +19,11 @@
transition: all 0.3s ease;
}
.cross {
opacity: 0;
transition: all 0.3s ease;
}
.lines {
left: 0;
border-radius: 0.5rem;
@ -48,6 +53,33 @@
transform: rotate(90deg);
transition: all 0.3s ease;
.cross {
width: 2rem;
height: 3rem;
position: relative;
opacity: 1;
transition: all 0.3s ease;
* {
width: 3.8rem;
height: 0.3rem;
position: absolute;
background-color: $base-green;
border-radius: 1rem;
}
.cross-1 {
top: 28%;
left: -22%;
transform: rotate(45deg);
}
.cross-2 {
top: 27%;
left: -17%;
transform: rotate(-45deg);
}
}
&::after {
opacity: 1;
left: -48%;