From 4b7b0414fd191532c599bde6b82bd9fdec7cdf60 Mon Sep 17 00:00:00 2001
From: Kakabay <2kakabayashyrberdyew@gmail.com>
Date: Mon, 15 Apr 2024 14:40:12 +0500
Subject: [PATCH] commit

---
 .../immediateCredits/ImmediateCreditModal.js  | 224 ++++++++++--------
 1 file changed, 130 insertions(+), 94 deletions(-)

diff --git a/src/components/immediateCredits/ImmediateCreditModal.js b/src/components/immediateCredits/ImmediateCreditModal.js
index 7c54a23..20f75a4 100644
--- a/src/components/immediateCredits/ImmediateCreditModal.js
+++ b/src/components/immediateCredits/ImmediateCreditModal.js
@@ -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">