translation and resp[onsive done
This commit is contained in:
Kakabay
parent
65ab2ab86b
commit
21535f38d6
|
|
@ -135,7 +135,7 @@ const AcceptStage = ({
|
|||
|
||||
if (error) {
|
||||
return (
|
||||
<section className="imm-cs-1">
|
||||
<section className="imm-cs-1 cs-1">
|
||||
<h1 className="cs-2-title">Error...</h1>
|
||||
<div className="cu-bottom cd-2-title">
|
||||
<button type="button" className="sign-btn reg-btn" onClick={() => setStage(7)}>
|
||||
|
|
@ -162,13 +162,21 @@ const AcceptStage = ({
|
|||
if (isLoading) {
|
||||
return (
|
||||
<section className="loading">
|
||||
<h1 className="cs-2-title">Loading...</h1>
|
||||
<h1 className="cs-2-title">
|
||||
{locale === 'TKM'
|
||||
? 'Garaşmagyňyzy haýyş edýäris ...'
|
||||
: locale === 'РУС'
|
||||
? 'Пожалуйста, подождите...'
|
||||
: locale === 'ENG'
|
||||
? 'Please wait...'
|
||||
: 'Garaşmagyňyzy haýyş edýäris ...'}
|
||||
</h1>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<section className="imm-cs-1">
|
||||
<section className="imm-cs-1 cs-1">
|
||||
<form onSubmit={handleSubmit(onSubmit)}>
|
||||
<h2 className="cs-2-title">
|
||||
{locale === 'TKM'
|
||||
|
|
@ -209,12 +217,12 @@ const AcceptStage = ({
|
|||
<div className="input-block">
|
||||
<label htmlFor="code">
|
||||
{locale === 'TKM'
|
||||
? 'Karz kartynyň hasaby'
|
||||
? 'Karz kartynyň hasabyny dolduryň'
|
||||
: locale === 'РУС'
|
||||
? 'Счет кредитной карты'
|
||||
? 'Заполните счет кредитной карты'
|
||||
: locale === 'ENG'
|
||||
? 'Credit card account'
|
||||
: 'Karz kartynyň hasaby'}
|
||||
? 'Fill the credit card account number'
|
||||
: 'Karz kartynyň hasabyny dolduryň'}
|
||||
</label>
|
||||
<input
|
||||
value={cardDetails}
|
||||
|
|
|
|||
|
|
@ -70,7 +70,7 @@ const BorrowerInfo = ({
|
|||
};
|
||||
|
||||
return borrowerData ? (
|
||||
<section className="imm-cs-1">
|
||||
<section className="imm-cs-1 cs-1">
|
||||
<form onSubmit={handleSubmit(onSubmit)}>
|
||||
<h2 className="cs-2-title">
|
||||
{locale === 'TKM'
|
||||
|
|
|
|||
|
|
@ -143,7 +143,16 @@ const BorrowerStage = ({
|
|||
if (isLoading) {
|
||||
return (
|
||||
<section className="loading">
|
||||
<h1 className="cs-2-title">Loading...</h1>
|
||||
<h1 className="cs-2-title">
|
||||
{' '}
|
||||
{locale === 'TKM'
|
||||
? 'Garaşmagyňyzy haýyş edýäris ...'
|
||||
: locale === 'РУС'
|
||||
? 'Пожалуйста, подождите...'
|
||||
: locale === 'ENG'
|
||||
? 'Please wait...'
|
||||
: 'Garaşmagyňyzy haýyş edýäris ...'}
|
||||
</h1>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
|
@ -175,7 +184,7 @@ const BorrowerStage = ({
|
|||
// }
|
||||
|
||||
return (
|
||||
<section className="imm-cs-1">
|
||||
<section className="imm-cs-1 cs-1">
|
||||
<form onSubmit={handleSubmit(onSubmit)}>
|
||||
<h2 className="cs-2-title">
|
||||
{locale === 'TKM'
|
||||
|
|
|
|||
|
|
@ -79,15 +79,7 @@ const CalculateStage = ({
|
|||
? 'Select the required loan amount'
|
||||
: 'Karzyň gerekli möçberini saýlaň'}
|
||||
</h2>
|
||||
<p className="">
|
||||
{locale === 'TKM'
|
||||
? 'Karzyň kalkulýatory'
|
||||
: locale === 'РУС'
|
||||
? 'Калькулятор кредита'
|
||||
: locale === 'ENG'
|
||||
? 'Loan calculator'
|
||||
: 'Karzyň kalkulýatory'}
|
||||
</p>
|
||||
|
||||
{/* <p>Максимальная сумма онлайн потребительского кредита составляет 60000 манат</p> */}
|
||||
</div>
|
||||
<div className="input-block">
|
||||
|
|
@ -136,12 +128,12 @@ const CalculateStage = ({
|
|||
<div className="credit-term input-block">
|
||||
<label>
|
||||
{locale === 'TKM'
|
||||
? 'Karzyň möhleti'
|
||||
? 'Karzyň möhletini saýlaň'
|
||||
: locale === 'РУС'
|
||||
? 'Срок кредита'
|
||||
? 'Выберите срок кредита'
|
||||
: locale === 'ENG'
|
||||
? 'Term of loan'
|
||||
: 'Karzyň möhleti'}
|
||||
? 'Select term of loan'
|
||||
: 'Karzyň möhletini saýlaň'}
|
||||
</label>
|
||||
<div className="term-inputs">
|
||||
<label htmlFor="term2" className={radio === 1 ? 'active' : ''}>
|
||||
|
|
@ -258,6 +250,15 @@ const CalculateStage = ({
|
|||
<img src={logo} alt="logo" />
|
||||
</div>
|
||||
<div className="cs-2-right-top">
|
||||
<h4 className="calculator-hader">
|
||||
{locale === 'TKM'
|
||||
? 'Karzyň kalkulýatory'
|
||||
: locale === 'РУС'
|
||||
? 'Калькулятор кредита'
|
||||
: locale === 'ENG'
|
||||
? 'Loan calculator'
|
||||
: 'Karzyň kalkulýatory'}
|
||||
</h4>
|
||||
<h6>
|
||||
{locale === 'TKM'
|
||||
? 'Her aý tölegi'
|
||||
|
|
@ -316,7 +317,7 @@ const CalculateStage = ({
|
|||
<h5>{creditDuration === 0 ? 0 : (inputValue / (radio * 12)).toFixed(2)} TMT</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div className="cs-2-right-bottom">
|
||||
<div className="cs-2-right-middle-content">
|
||||
<h6>
|
||||
{locale === 'TKM'
|
||||
? 'Karz almak üçin bolmaly aýlyk zähmet haky'
|
||||
|
|
@ -329,6 +330,18 @@ const CalculateStage = ({
|
|||
</h6>
|
||||
<h5>{creditDuration === 0 ? 0 : monthlyPayment * 2} TMT</h5>
|
||||
</div>
|
||||
<div className="cs-2-right-bottom">
|
||||
<h6>
|
||||
<span>*</span>
|
||||
{locale === 'TKM'
|
||||
? ' 1 ýylda 365 gun we ortaça 1 aýda 30 gün hasaby bilen'
|
||||
: locale === 'РУС'
|
||||
? ' с расчетом 365 дней в году и среднемесячно 30 дней в месяце'
|
||||
: locale === 'ENG'
|
||||
? ' based on 365 days per year and monthly average 30 days per month'
|
||||
: ' 1 ýylda 365 gun we ortaça 1 aýda 30 gün hasaby bilen'}
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@ const CardDetails = ({ setStage, cardDetails, setCardDetails }) => {
|
|||
};
|
||||
|
||||
return (
|
||||
<section className="imm-cs-1">
|
||||
<section className="imm-cs-1 cs-1">
|
||||
<form onSubmit={handleSubmit(onSubmit)}>
|
||||
<h2 className="cs-2-title">
|
||||
{locale === 'TKM'
|
||||
|
|
|
|||
|
|
@ -41,6 +41,8 @@ const CardRegistration = ({ borrowerData, setStage, setPaymentLink, setPaymentDe
|
|||
const [workPosition, setWorkPosition] = useState('');
|
||||
const [address, setAddress] = useState('');
|
||||
|
||||
console.log(borrowerData);
|
||||
|
||||
const handleWorkPlace = (e) => {
|
||||
setWorkPlace(e.target.value);
|
||||
};
|
||||
|
|
@ -132,7 +134,7 @@ const CardRegistration = ({ borrowerData, setStage, setPaymentLink, setPaymentDe
|
|||
|
||||
if (error) {
|
||||
return (
|
||||
<section className="imm-cs-1">
|
||||
<section className="imm-cs-1 cs-1">
|
||||
<h1 className="cs-2-title">Error...</h1>
|
||||
<div className="cu-bottom cd-2-title">
|
||||
<button type="button" className="sign-btn reg-btn" onClick={() => setStage(8)}>
|
||||
|
|
@ -159,13 +161,22 @@ const CardRegistration = ({ borrowerData, setStage, setPaymentLink, setPaymentDe
|
|||
if (isLoading) {
|
||||
return (
|
||||
<section className="loading">
|
||||
<h1 className="cs-2-title">Loading...</h1>
|
||||
<h1 className="cs-2-title">
|
||||
{' '}
|
||||
{locale === 'TKM'
|
||||
? 'Garaşmagyňyzy haýyş edýäris ...'
|
||||
: locale === 'РУС'
|
||||
? 'Пожалуйста, подождите...'
|
||||
: locale === 'ENG'
|
||||
? 'Please wait...'
|
||||
: 'Garaşmagyňyzy haýyş edýäris ...'}
|
||||
</h1>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<section className="imm-cs-1">
|
||||
<section className="imm-cs-1 cs-1">
|
||||
<form onSubmit={handleSubmit()}>
|
||||
<h2 className="cs-2-title">
|
||||
{locale === 'TKM'
|
||||
|
|
@ -292,21 +303,14 @@ const CardRegistration = ({ borrowerData, setStage, setPaymentLink, setPaymentDe
|
|||
<div className="input-block">
|
||||
<label htmlFor="address">
|
||||
{locale === 'TKM'
|
||||
? 'Ýaşaýan salgysy (eger-de salgysy nädogry bolsa, dogry salgyny giriziň)'
|
||||
? 'Ýaşaýan salgysy '
|
||||
: locale === 'РУС'
|
||||
? 'Адрес прописки (если неверный, введите актуальный адрес)'
|
||||
? 'Адрес прописки '
|
||||
: locale === 'ENG'
|
||||
? 'Address of residence (if incorrect, enter the current address)'
|
||||
: 'Ýaşaýan salgysy (eger-de salgysy nädogry bolsa, dogry salgyny giriziň)'}
|
||||
? 'Address of residence '
|
||||
: 'Ýaşaýan salgysy '}
|
||||
</label>
|
||||
<input
|
||||
{...register('address')}
|
||||
value={address}
|
||||
onChange={handleAdress}
|
||||
type="text"
|
||||
id="address"
|
||||
placeholder=""
|
||||
/>
|
||||
<input disabled={true} {...register('address')} type="text" id="address" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -330,7 +334,7 @@ const CardRegistration = ({ borrowerData, setStage, setPaymentLink, setPaymentDe
|
|||
<button
|
||||
type="submit"
|
||||
className="sign-btn cu-btn"
|
||||
disabled={address.length < 3 || isLoading ? true : false}
|
||||
disabled={isLoading ? true : false}
|
||||
onClick={onSubmit}>
|
||||
<div>
|
||||
<h3>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ const FinalStage = ({ setModalOpen }) => {
|
|||
const { locale } = useContext(LanguageContext);
|
||||
|
||||
return (
|
||||
<section className="imm-cs-1">
|
||||
<section className="imm-cs-1 cs-1">
|
||||
<form>
|
||||
<h2 className="succes-title">
|
||||
{locale === 'TKM'
|
||||
|
|
|
|||
|
|
@ -53,7 +53,7 @@ const GuaranterInfo = ({ setStage, isGuranter, guaranterData }) => {
|
|||
};
|
||||
|
||||
return (
|
||||
<section className="imm-cs-1">
|
||||
<section className="imm-cs-1 cs-1">
|
||||
<form onSubmit={handleSubmit(onSubmit)}>
|
||||
<h2 className="cs-2-title">
|
||||
{locale === 'TKM'
|
||||
|
|
|
|||
|
|
@ -127,13 +127,22 @@ const GuaranterStage = ({
|
|||
if (isLoading) {
|
||||
return (
|
||||
<section className="loading">
|
||||
<h1 className="cs-2-title">Loading...</h1>
|
||||
<h1 className="cs-2-title">
|
||||
{' '}
|
||||
{locale === 'TKM'
|
||||
? 'Garaşmagyňyzy haýyş edýäris ...'
|
||||
: locale === 'РУС'
|
||||
? 'Пожалуйста, подождите...'
|
||||
: locale === 'ENG'
|
||||
? 'Please wait...'
|
||||
: 'Garaşmagyňyzy haýyş edýäris ...'}
|
||||
</h1>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<section className="imm-cs-1">
|
||||
<section className="imm-cs-1 cs-1">
|
||||
<form onSubmit={handleSubmit(onSubmit)}>
|
||||
<h2 className="cs-2-title">
|
||||
{locale === 'TKM'
|
||||
|
|
|
|||
|
|
@ -7,16 +7,16 @@ const LoanAccepted = ({ setStage, setModalOpen, acceptedMessage }) => {
|
|||
const { locale } = useContext(LanguageContext);
|
||||
|
||||
return (
|
||||
<section className="imm-cs-1">
|
||||
<section className="imm-cs-1 cs-1">
|
||||
<form>
|
||||
<h2 className="loan-accepted-title">
|
||||
{locale === 'TKM'
|
||||
? 'Arzaňyz kabul edildi'
|
||||
? 'Siziň karz ýüzlenmäniňiz döredildi we banka ugradyldy, bank hünärmeniniň jaňyna garaşmagyňyzy Sizden haýyş edýäris!'
|
||||
: locale === 'РУС'
|
||||
? 'Ваша заявка принята'
|
||||
? 'Ваша заявка на кредит создана и отправлена в банк, дождитесь звонка специалиста банка!'
|
||||
: locale === 'ENG'
|
||||
? 'Your application is accepted'
|
||||
: 'Arzaňyz kabul edildi'}
|
||||
? 'Your loan application has been created and sent to the bank, please wait for a call from a bank specialist!'
|
||||
: 'Siziň karz ýüzlenmäniňiz döredildi we banka ugradyldy, bank hünärmeniniň jaňyna garaşmagyňyzy Sizden haýyş edýäris!'}
|
||||
</h2>
|
||||
<div className="cu-bottom cd-2-title">
|
||||
<button type="button" className="sign-btn reg-btn" onClick={() => setModalOpen(false)}>
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ const NotAUser = ({ setStage, stage, errMessage }) => {
|
|||
const { locale } = useContext(LanguageContext);
|
||||
|
||||
return (
|
||||
<section className="imm-cs-1">
|
||||
<section className="imm-cs-1 cs-1">
|
||||
<form>
|
||||
<h2 className="notauser-title">
|
||||
{errMessage
|
||||
|
|
|
|||
|
|
@ -123,7 +123,7 @@ const PaymentDetails = ({
|
|||
}
|
||||
|
||||
return (
|
||||
<section className="imm-cs-1">
|
||||
<section className="imm-cs-1 cs-1">
|
||||
<form onSubmit={handleSubmit(onSubmit)}>
|
||||
<h2 className="cs-2-title">
|
||||
{locale === 'TKM'
|
||||
|
|
@ -259,7 +259,7 @@ const PaymentDetails = ({
|
|||
</div>
|
||||
</div>
|
||||
{invalidData && (
|
||||
<section className="imm-cs-1">
|
||||
<section className="imm-cs-1 cs-1">
|
||||
<h1 className="cs-2-title">
|
||||
{locale === 'TKM'
|
||||
? 'Roralňyşlyk, maglumatlary barlaň'
|
||||
|
|
|
|||
|
|
@ -119,13 +119,22 @@ const PaymentSuccess = ({
|
|||
if (isLoading) {
|
||||
return (
|
||||
<section className="loading">
|
||||
<h1 className="cs-2-title">Loading...</h1>
|
||||
<h1 className="cs-2-title">
|
||||
{' '}
|
||||
{locale === 'TKM'
|
||||
? 'Garaşmagyňyzy haýyş edýäris ...'
|
||||
: locale === 'РУС'
|
||||
? 'Пожалуйста, подождите...'
|
||||
: locale === 'ENG'
|
||||
? 'Please wait...'
|
||||
: 'Garaşmagyňyzy haýyş edýäris ...'}
|
||||
</h1>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<section className="imm-cs-1">
|
||||
<section className="imm-cs-1 cs-1">
|
||||
<form>
|
||||
<h2 className="succes-title">
|
||||
{locale === 'TKM'
|
||||
|
|
|
|||
|
|
@ -324,14 +324,23 @@ const PhoneAccept = ({
|
|||
if (isLoading) {
|
||||
return (
|
||||
<section className="loading">
|
||||
<h1 className="cs-2-title">Loading...</h1>
|
||||
<h1 className="cs-2-title">
|
||||
{' '}
|
||||
{locale === 'TKM'
|
||||
? 'Garaşmagyňyzy haýyş edýäris ...'
|
||||
: locale === 'РУС'
|
||||
? 'Пожалуйста, подождите...'
|
||||
: locale === 'ENG'
|
||||
? 'Please wait...'
|
||||
: 'Garaşmagyňyzy haýyş edýäris ...'}
|
||||
</h1>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
if (errMesage) {
|
||||
return (
|
||||
<section className="imm-cs-1">
|
||||
<section className="imm-cs-1 cs-1">
|
||||
<h1 className="cs-2-title">Error...</h1>
|
||||
<button type="button" className="sign-btn reg-btn" onClick={() => setStage(8)}>
|
||||
<div>
|
||||
|
|
@ -354,17 +363,24 @@ const PhoneAccept = ({
|
|||
}
|
||||
|
||||
return (
|
||||
<section className="imm-cs-1">
|
||||
<section className="imm-cs-1 cs-1">
|
||||
<form onSubmit={handleSubmit(onSubmit)}>
|
||||
<h2 className="cs-2-title">
|
||||
{locale === 'TKM'
|
||||
? 'Belgä iberilen SMS duýduryş koduny giriziň'
|
||||
? `${
|
||||
cardDetails ? user.mobile_phone : submitCardDetails['three-d-secure-number']
|
||||
} Karz ýüzlenmäni tassyklamak üçin belgä iberilen SMS duýduryş koduny giriziň`
|
||||
: locale === 'РУС'
|
||||
? 'Введите код с СМС оповещения, отправленный на номер '
|
||||
? `Для подтверждения кредитной заявки, введите код с СМС оповещения, отправленный на номер ${
|
||||
cardDetails ? user.mobile_phone : submitCardDetails['three-d-secure-number']
|
||||
}`
|
||||
: locale === 'ENG'
|
||||
? 'Enter the SMS alert code sent to the number'
|
||||
: 'Belgä iberilen SMS duýduryş koduny giriziň'}
|
||||
{cardDetails ? user.mobile_phone : submitCardDetails['three-d-secure-number']}
|
||||
? `To confirm the loan application enter the SMS alert code sent to the number ${
|
||||
cardDetails ? user.mobile_phone : submitCardDetails['three-d-secure-number']
|
||||
}`
|
||||
: `${
|
||||
cardDetails ? user.mobile_phone : submitCardDetails['three-d-secure-number']
|
||||
} Karz ýüzlenmäni tassyklamak üçin belgä iberilen SMS duýduryş koduny giriziň`}
|
||||
</h2>
|
||||
<div className="imm-credit-form-wrapper">
|
||||
<div className="input-block">
|
||||
|
|
@ -385,7 +401,7 @@ const PhoneAccept = ({
|
|||
</div>
|
||||
</div>
|
||||
{invalidData && (
|
||||
<section className="imm-cs-1">
|
||||
<section className=" cs-1">
|
||||
<h1 className="cs-2-title">
|
||||
{locale === 'TKM'
|
||||
? 'Roralňyşlyk, maglumatlary barlaň'
|
||||
|
|
@ -398,7 +414,7 @@ const PhoneAccept = ({
|
|||
</section>
|
||||
)}
|
||||
{tryAgain && (
|
||||
<section className="imm-cs-1">
|
||||
<section className="imm-cs-1 cs-1">
|
||||
<h1 className="cs-2-title">
|
||||
{' '}
|
||||
{locale === 'TKM'
|
||||
|
|
|
|||
|
|
@ -73,8 +73,7 @@ const ImmediateCreditModal = ({
|
|||
const [recipientWorkPlace, setRecipientWorkPlace] = useState('');
|
||||
const [recipientWorkPosition, setRecipientWorkPosition] = useState('');
|
||||
|
||||
console.log('WorkPlace', recipientWorkPlace);
|
||||
console.log('WorkPosition', recipientWorkPosition);
|
||||
console.log('stage', stage);
|
||||
|
||||
return (
|
||||
<section className={modalOpen ? 'modal credit-modal active' : 'modal credit-modal'}>
|
||||
|
|
@ -101,40 +100,38 @@ const ImmediateCreditModal = ({
|
|||
</button>
|
||||
</div>
|
||||
|
||||
<div className="modal-middle">
|
||||
<div className="modal-middle modal-middle-digital-loan">
|
||||
<div className="icon-block active">
|
||||
<Img4 className="modal-icon" />
|
||||
<h3 className="icon-title">
|
||||
{locale === 'TKM'
|
||||
? 'Karz üçin maglumat'
|
||||
? 'Maglumatlary dolduryň'
|
||||
: locale === 'РУС'
|
||||
? 'Заполните данные'
|
||||
: locale === 'ENG'
|
||||
? 'Loan details'
|
||||
: 'Karz üçin maglumat'}
|
||||
? 'Fill in the details'
|
||||
: 'Maglumatlary dolduryň'}
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div className={stage > 1 ? 'line-block active' : 'line-block'}>
|
||||
<Lines className="lines" />
|
||||
<Lines className="lines" />
|
||||
</div>
|
||||
|
||||
<div className={stage > 1 ? 'icon-block active' : 'icon-block'}>
|
||||
<Img3 className="modal-icon" />
|
||||
<h3 className="icon-title">
|
||||
{locale === 'TKM'
|
||||
? 'Şahsy maglumatlar'
|
||||
? 'Şahsy maglumatlaryňyzy tassyklaň'
|
||||
: locale === 'РУС'
|
||||
? 'Подтвердите личные данные'
|
||||
: locale === 'ENG'
|
||||
? 'Personal data'
|
||||
: 'Şahsy maglumatlar'}
|
||||
? 'Confirm your personal details'
|
||||
: 'Şahsy maglumatlaryňyzy tassyklaň'}
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div className={stage > 2 ? 'line-block active' : 'line-block'}>
|
||||
<Lines className="lines" />
|
||||
<div className={stage > 1 ? 'line-block active' : 'line-block'}>
|
||||
<Lines className="lines" />
|
||||
</div>
|
||||
|
||||
|
|
@ -144,145 +141,251 @@ const ImmediateCreditModal = ({
|
|||
<Img4 className="modal-icon" />
|
||||
<h3 className="icon-title">
|
||||
{locale === 'TKM'
|
||||
? 'Karz üçin maglumat'
|
||||
? 'Zamunçynyň maglumatlaryny dolduryň'
|
||||
: locale === 'РУС'
|
||||
? 'Заполните данные поручитель'
|
||||
? 'Заполните данные поручителя'
|
||||
: locale === 'ENG'
|
||||
? 'Loan details'
|
||||
: 'Karz üçin maglumat'}
|
||||
? "Fill in the guarantor's details"
|
||||
: 'Zamunçynyň maglumatlaryny dolduryň'}
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div className={stage > 3 ? 'line-block active' : 'line-block'}>
|
||||
<Lines className="lines" />
|
||||
<Lines className="lines" />
|
||||
</div>
|
||||
|
||||
<div className={stage > 4 ? 'icon-block active' : 'icon-block'}>
|
||||
<Img3 className="modal-icon" />
|
||||
<h3 className="icon-title">
|
||||
{locale === 'TKM'
|
||||
? 'Şahsy maglumatlar'
|
||||
? 'Zamunçynyň maglumatlaryny tassyklaň'
|
||||
: locale === 'РУС'
|
||||
? 'Подтвердите данные поручителя'
|
||||
: locale === 'ENG'
|
||||
? 'Personal data'
|
||||
: 'Şahsy maglumatlar'}
|
||||
? "Confirm the guarantor's details"
|
||||
: 'Zamunçynyň maglumatlaryny tassyklaň'}
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div className={stage > 4 ? 'line-block active' : 'line-block'}>
|
||||
<Lines className="lines" />
|
||||
<div className={stage > 3 ? 'line-block active' : 'line-block'}>
|
||||
<Lines className="lines" />
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
|
||||
{/* <div className={stage > 3 ? 'icon-block active' : 'icon-block'}>
|
||||
<Img4 className="modal-icon" />
|
||||
<div className={stage > 6 ? 'icon-block active' : 'icon-block'}>
|
||||
<Img2 className="modal-icon" />
|
||||
<h3 className="icon-title">
|
||||
{locale === 'TKM'
|
||||
? 'Karz üçin maglumat'
|
||||
? 'Karz kalkulýatory'
|
||||
: locale === 'РУС'
|
||||
? 'Данные для кредита'
|
||||
? 'Калькулятор кредита'
|
||||
: locale === 'ENG'
|
||||
? 'Loan details'
|
||||
: 'Karz üçin maglumat'}
|
||||
? 'Loan calculator'
|
||||
: 'Karz kalkulýatory'}
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div className={stage > 4 ? 'line-block active' : 'line-block'}>
|
||||
<Lines className="lines" />
|
||||
<div className={stage > 6 ? 'line-block active' : 'line-block'}>
|
||||
<Lines className="lines" />
|
||||
</div>
|
||||
|
||||
<div className={stage > 4 ? 'icon-block active' : 'icon-block'}>
|
||||
<Img5 className="modal-icon" />
|
||||
<h3 className="icon-title">
|
||||
{locale === 'TKM'
|
||||
? 'Talaplar we resminamalar'
|
||||
: locale === 'РУС'
|
||||
? 'Требования и документы'
|
||||
: locale === 'ENG'
|
||||
? 'Requirements and documents'
|
||||
: 'Talaplar we resminamalar'}
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div className={stage > 5 ? 'line-block active' : 'line-block'}>
|
||||
<Lines className="lines" />
|
||||
<Lines className="lines" />
|
||||
</div>
|
||||
|
||||
<div className={stage > 5 ? 'icon-block active' : 'icon-block'}>
|
||||
<div className={stage > 7 ? 'icon-block active' : 'icon-block'}>
|
||||
<Img6 className="modal-icon" />
|
||||
<h3 className="icon-title">
|
||||
{locale === 'TKM'
|
||||
? 'Ugratmak'
|
||||
? 'Karz maglumatlaryňyzy tassyklaň'
|
||||
: locale === 'РУС'
|
||||
? 'Отправка'
|
||||
? 'Подтвердите данные кредита'
|
||||
: locale === 'ENG'
|
||||
? 'Sending'
|
||||
: 'Ugratmak'}
|
||||
? 'Confirm your loan details'
|
||||
: 'Karz maglumatlaryňyzy tassyklaň'}
|
||||
</h3>
|
||||
</div> */}
|
||||
</div>
|
||||
|
||||
<div className={stage > 7 ? 'line-block active' : 'line-block'}>
|
||||
<Lines className="lines" />
|
||||
</div>
|
||||
|
||||
<div className={stage > 8 ? 'icon-block active' : 'icon-block'}>
|
||||
<Img5 className="modal-icon" />
|
||||
<h3 className="icon-title">
|
||||
{locale === 'TKM'
|
||||
? 'Karz ýüzlenmesini tassyklaň'
|
||||
: locale === 'РУС'
|
||||
? 'Подтвердите кредитную заявку'
|
||||
: locale === 'ENG'
|
||||
? 'Confirm your loan application'
|
||||
: 'Karz ýüzlenmesini tassyklaň'}
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="modal-middle modal-middle-mobile">
|
||||
{stage === 1 ? (
|
||||
{stage === 1 && (
|
||||
<div className="icon-block active">
|
||||
<Img4 className="modal-icon" />
|
||||
<h3 className="icon-title">
|
||||
{locale === 'TKM'
|
||||
? 'Karz üçin maglumat'
|
||||
? 'Maglumatlary dolduryň'
|
||||
: locale === 'РУС'
|
||||
? 'Заполните данные'
|
||||
: locale === 'ENG'
|
||||
? 'Loan details'
|
||||
: 'Karz üçin maglumat'}
|
||||
? 'Fill in the details'
|
||||
: 'Maglumatlary dolduryň'}
|
||||
</h3>
|
||||
</div>
|
||||
) : stage >= 2 ? (
|
||||
)}
|
||||
|
||||
{stage === 2 && (
|
||||
<div className="icon-block active">
|
||||
<Img3 className="modal-icon" />
|
||||
<h3 className="icon-title">
|
||||
{locale === 'TKM'
|
||||
? 'Karzyň kalkulýatory'
|
||||
? 'Şahsy maglumatlaryňyzy tassyklaň'
|
||||
: locale === 'РУС'
|
||||
? 'Подтвердите личные данные'
|
||||
: locale === 'ENG'
|
||||
? 'Loan calculator'
|
||||
: 'Karzyň kalkulýatory'}
|
||||
? 'Confirm your personal details'
|
||||
: 'Şahsy maglumatlaryňyzy tassyklaň'}
|
||||
</h3>
|
||||
</div>
|
||||
) : stage === 4 && isGuranter ? (
|
||||
)}
|
||||
|
||||
{isGuranter && (
|
||||
<>
|
||||
{stage === 4 && (
|
||||
<div className="icon-block active">
|
||||
<Img4 className="modal-icon" />
|
||||
<h3 className="icon-title">
|
||||
{locale === 'TKM'
|
||||
? 'Zamunçynyň maglumatlaryny dolduryň'
|
||||
: locale === 'РУС'
|
||||
? 'Заполните данные поручителя'
|
||||
: locale === 'ENG'
|
||||
? "Fill in the guarantor's details"
|
||||
: 'Zamunçynyň maglumatlaryny dolduryň'}
|
||||
</h3>
|
||||
</div>
|
||||
)}
|
||||
{stage === 5 && (
|
||||
<div className="icon-block active">
|
||||
<Img3 className="modal-icon" />
|
||||
<h3 className="icon-title">
|
||||
{locale === 'TKM'
|
||||
? 'Zamunçynyň maglumatlaryny tassyklaň'
|
||||
: locale === 'РУС'
|
||||
? 'Подтвердите данные поручителя'
|
||||
: locale === 'ENG'
|
||||
? "Confirm the guarantor's details"
|
||||
: 'Zamunçynyň maglumatlaryny tassyklaň'}
|
||||
</h3>
|
||||
</div>
|
||||
)}
|
||||
</>
|
||||
)}
|
||||
|
||||
{stage === 6 && (
|
||||
<div className="icon-block active">
|
||||
<Img2 className="modal-icon" />
|
||||
<h3 className="icon-title">
|
||||
{locale === 'TKM'
|
||||
? 'Karz kalkulýatory'
|
||||
: locale === 'РУС'
|
||||
? 'Калькулятор кредита'
|
||||
: locale === 'ENG'
|
||||
? 'Loan calculator'
|
||||
: 'Karz kalkulýatory'}
|
||||
</h3>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{stage === 7 && (
|
||||
<div className="icon-block active">
|
||||
<Img6 className="modal-icon" />
|
||||
<h3 className="icon-title">
|
||||
{locale === 'TKM'
|
||||
? 'Karz maglumatlaryňyzy tassyklaň'
|
||||
: locale === 'РУС'
|
||||
? 'Подтвердите данные кредита'
|
||||
: locale === 'ENG'
|
||||
? 'Confirm your loan details'
|
||||
: 'Karz maglumatlaryňyzy tassyklaň'}
|
||||
</h3>
|
||||
</div>
|
||||
)}
|
||||
{stage === 8 && (
|
||||
<div className="icon-block active">
|
||||
<Img5 className="modal-icon" />
|
||||
<h3 className="icon-title">
|
||||
{locale === 'TKM'
|
||||
? 'Karz ýüzlenmesini tassyklaň'
|
||||
: locale === 'РУС'
|
||||
? 'Подтвердите кредитную заявку'
|
||||
: locale === 'ENG'
|
||||
? 'Confirm your loan application'
|
||||
: 'Karz ýüzlenmesini tassyklaň'}
|
||||
</h3>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* {stage === 1 ? (
|
||||
<>
|
||||
<div className="icon-block active">
|
||||
<Img4 className="modal-icon" />
|
||||
<h3 className="icon-title">
|
||||
{locale === 'TKM'
|
||||
? 'Maglumatlary dolduryň'
|
||||
: locale === 'РУС'
|
||||
? 'Заполните данные'
|
||||
: locale === 'ENG'
|
||||
? 'Fill in the details'
|
||||
: 'Maglumatlary dolduryň'}
|
||||
</h3>
|
||||
</div>
|
||||
</>
|
||||
) : stage === 2 ? (
|
||||
<div className="icon-block active">
|
||||
<Img3 className="modal-icon" />
|
||||
<h3 className="icon-title">
|
||||
{locale === 'TKM'
|
||||
? 'Şahsy maglumatlar'
|
||||
? 'Şahsy maglumatlaryňyzy tassyklaň'
|
||||
: locale === 'РУС'
|
||||
? 'Заполните данные поручителя'
|
||||
? 'Подтвердите личные данные'
|
||||
: locale === 'ENG'
|
||||
? 'Personal data'
|
||||
: 'Şahsy maglumatlar'}
|
||||
? 'Confirm your personal details'
|
||||
: 'Şahsy maglumatlaryňyzy tassyklaň'}
|
||||
</h3>
|
||||
</div>
|
||||
) : stage >= 5 && isGuranter ? (
|
||||
) : stage === 4 ? (
|
||||
<div className="icon-block active">
|
||||
<Img4 className="modal-icon" />
|
||||
<h3 className="icon-title">
|
||||
{locale === 'TKM'
|
||||
? 'Karz üçin maglumat'
|
||||
? 'Zamunçynyň maglumatlaryny dolduryň'
|
||||
: locale === 'РУС'
|
||||
? 'Заполните данные поручителя'
|
||||
: locale === 'ENG'
|
||||
? "Fill in the guarantor's details"
|
||||
: 'Zamunçynyň maglumatlaryny dolduryň'}
|
||||
</h3>
|
||||
</div>
|
||||
) : stage === 5 ? (
|
||||
<div className="icon-block active">
|
||||
<Img3 className="modal-icon" />
|
||||
<h3 className="icon-title">
|
||||
{locale === 'TKM'
|
||||
? 'Zamunçynyň maglumatlaryny tassyklaň'
|
||||
: locale === 'РУС'
|
||||
? 'Подтвердите данные поручителя'
|
||||
: locale === 'ENG'
|
||||
? 'Loan details'
|
||||
: 'Karz üçin maglumat'}
|
||||
? "Confirm the guarantor's details"
|
||||
: 'Zamunçynyň maglumatlaryny tassyklaň'}
|
||||
</h3>
|
||||
</div>
|
||||
) : (
|
||||
''
|
||||
)}
|
||||
)} */}
|
||||
</div>
|
||||
|
||||
<div className="modal-bottom">
|
||||
|
|
|
|||
|
|
@ -64,7 +64,7 @@ const ImmediateCredit = () => {
|
|||
setLoansData(jsonedResponse);
|
||||
|
||||
if (response.ok) {
|
||||
checkStatus(jsonedResponse.sign);
|
||||
checkStatus(jsonedResponse.sign.sign);
|
||||
}
|
||||
|
||||
// console.log('loan data', jsonedResponse);
|
||||
|
|
@ -160,12 +160,12 @@ const ImmediateCredit = () => {
|
|||
link={'/home/immediate-credits'}
|
||||
linkTitle={
|
||||
locale === 'TKM'
|
||||
? 'Çalt Karzlar'
|
||||
? 'Sanly karz'
|
||||
: locale === 'РУС'
|
||||
? 'Быстрые Кредиты'
|
||||
? 'Цифровой кредит'
|
||||
: locale === 'ENG'
|
||||
? 'Immediate Loans'
|
||||
: 'Çalt Karzlar'
|
||||
? 'Digital loan'
|
||||
: 'Sanly karz'
|
||||
}
|
||||
/>
|
||||
<ImmediateCreditModal
|
||||
|
|
@ -222,12 +222,12 @@ const ImmediateCredit = () => {
|
|||
<th>ID</th>
|
||||
<th>
|
||||
{locale === 'TKM'
|
||||
? 'Görnüşi'
|
||||
? 'Senesi'
|
||||
: locale === 'РУС'
|
||||
? 'Дата заявки'
|
||||
: locale === 'ENG'
|
||||
? 'Type'
|
||||
: 'Görnüşi'}
|
||||
? 'Date'
|
||||
: 'Senesi'}
|
||||
</th>
|
||||
|
||||
<th>
|
||||
|
|
@ -244,7 +244,15 @@ const ImmediateCredit = () => {
|
|||
<tr>
|
||||
<td>#{loansData.id}</td>
|
||||
<td>{loansData.created_at}</td>
|
||||
<td>{loanStatus.messageRu}</td>
|
||||
<td>
|
||||
{locale === 'TKM'
|
||||
? loanStatus.message
|
||||
: locale === 'РУС'
|
||||
? loanStatus.messageRu
|
||||
: locale === 'ENG'
|
||||
? loanStatus.messageEn
|
||||
: loanStatus.message}
|
||||
</td>
|
||||
</tr>
|
||||
) : (
|
||||
<tr>
|
||||
|
|
|
|||
Loading…
Reference in New Issue