This commit is contained in:
Kakabay 2024-04-15 14:40:12 +05:00
parent 9705f996a8
commit 4b7b0414fd
1 changed files with 130 additions and 94 deletions

View File

@ -101,124 +101,160 @@ const ImmediateCreditModal = ({
</div>
<div className="modal-middle modal-middle-digital-loan">
<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>
<div className={stage > 1 ? 'line-block active' : 'line-block'}>
<Lines className="lines" />
</div>
<div className={stage > 1 ? 'icon-block active' : 'icon-block'}>
<Img3 className="modal-icon" />
<h3 className="icon-title">
{locale === 'TKM'
? 'Şahsy maglumatlaryňyzy tassyklaň'
: locale === 'РУС'
? 'Подтвердите личные данные'
: locale === 'ENG'
? 'Confirm your personal details'
: 'Şahsy maglumatlaryňyzy tassyklaň'}
</h3>
</div>
<div className={stage > 1 ? 'line-block active' : 'line-block'}>
<Lines className="lines" />
</div>
{isGuranter && (
{stage < 12 ? (
<>
<div className={stage > 3 ? 'icon-block active' : 'icon-block'}>
<div className="icon-block active">
<Img4 className="modal-icon" />
<h3 className="icon-title">
{locale === 'TKM'
? 'Zamunçynyň maglumatlaryny dolduryň'
? 'Maglumatlary dolduryň'
: locale === 'РУС'
? 'Заполните данные поручителя'
? 'Заполните данные'
: locale === 'ENG'
? "Fill in the guarantor's details"
: 'Zamunçynyň maglumatlaryny dolduryň'}
? 'Fill in the details'
: 'Maglumatlary dolduryň'}
</h3>
</div>
<div className={stage > 3 ? 'line-block active' : 'line-block'}>
<div className={stage > 1 ? 'line-block active' : 'line-block'}>
<Lines className="lines" />
</div>
<div className={stage > 4 ? 'icon-block active' : 'icon-block'}>
<div className={stage > 1 ? 'icon-block active' : 'icon-block'}>
<Img3 className="modal-icon" />
<h3 className="icon-title">
{locale === 'TKM'
? 'Zamunçynyň maglumatlaryny tassyklaň'
? 'Şahsy maglumatlaryňyzy tassyklaň'
: locale === 'РУС'
? 'Подтвердите данные поручителя'
? 'Подтвердите личные данные'
: locale === 'ENG'
? "Confirm the guarantor's details"
: 'Zamunçynyň maglumatlaryny tassyklaň'}
? 'Confirm your personal details'
: 'Şahsy maglumatlaryňyzy tassyklaň'}
</h3>
</div>
<div className={stage > 3 ? 'line-block active' : 'line-block'}>
<div className={stage > 1 ? 'line-block active' : 'line-block'}>
<Lines className="lines" />
</div>
{isGuranter && (
<>
<div className={stage > 3 ? 'icon-block active' : 'icon-block'}>
<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>
<div className={stage > 3 ? 'line-block active' : 'line-block'}>
<Lines className="lines" />
</div>
<div className={stage > 4 ? 'icon-block active' : 'icon-block'}>
<Img3 className="modal-icon" />
<h3 className="icon-title">
{locale === 'TKM'
? 'Zamunçynyň maglumatlaryny tassyklaň'
: locale === 'РУС'
? 'Подтвердите данные поручителя'
: locale === 'ENG'
? "Confirm the guarantor's details"
: 'Zamunçynyň maglumatlaryny tassyklaň'}
</h3>
</div>
<div className={stage > 3 ? 'line-block active' : 'line-block'}>
<Lines className="lines" />
</div>
</>
)}
<div className={stage > 6 ? 'icon-block active' : 'icon-block'}>
<Img2 className="modal-icon" />
<h3 className="icon-title">
{locale === 'TKM'
? 'Karz kalkulýatory'
: locale === 'РУС'
? 'Калькулятор кредита'
: locale === 'ENG'
? 'Loan calculator'
: 'Karz kalkulýatory'}
</h3>
</div>
<div className={stage > 6 ? 'line-block active' : 'line-block'}>
<Lines className="lines" />
</div>
<div className={stage > 7 ? 'icon-block active' : 'icon-block'}>
<Img6 className="modal-icon" />
<h3 className="icon-title">
{locale === 'TKM'
? 'Karz maglumatlaryňyzy tassyklaň'
: locale === 'РУС'
? 'Подтвердите данные кредита'
: locale === 'ENG'
? 'Confirm your loan details'
: 'Karz maglumatlaryňyzy tassyklaň'}
</h3>
</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 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>
<div className={stage > 11 ? 'line-block active' : 'line-block'}>
<Lines className="lines" />
</div>
<div className={stage > 12 ? 'icon-block active' : 'icon-block'}>
<Img3 className="modal-icon" />
<h3 className="icon-title">
{locale === 'TKM'
? 'Şahsy maglumatlaryňyzy tassyklaň'
: locale === 'РУС'
? 'Подтвердите личные данные'
: locale === 'ENG'
? 'Confirm your personal details'
: 'Şahsy maglumatlaryňyzy tassyklaň'}
</h3>
</div>
</>
)}
<div className={stage > 6 ? 'icon-block active' : 'icon-block'}>
<Img2 className="modal-icon" />
<h3 className="icon-title">
{locale === 'TKM'
? 'Karz kalkulýatory'
: locale === 'РУС'
? 'Калькулятор кредита'
: locale === 'ENG'
? 'Loan calculator'
: 'Karz kalkulýatory'}
</h3>
</div>
<div className={stage > 6 ? 'line-block active' : 'line-block'}>
<Lines className="lines" />
</div>
<div className={stage > 7 ? 'icon-block active' : 'icon-block'}>
<Img6 className="modal-icon" />
<h3 className="icon-title">
{locale === 'TKM'
? 'Karz maglumatlaryňyzy tassyklaň'
: locale === 'РУС'
? 'Подтвердите данные кредита'
: locale === 'ENG'
? 'Confirm your loan details'
: 'Karz maglumatlaryňyzy tassyklaň'}
</h3>
</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">