From 48e9d6fc202fbd83c4260005ba4ea389a1a5f3aa Mon Sep 17 00:00:00 2001
From: Kakabay <2kakabayashyrberdyew@gmail.com>
Date: Sat, 6 Apr 2024 17:11:24 +0500
Subject: [PATCH] guaranter by defaul is unselected

---
 .../ImmediateCreditsStages/BorrowerStage.js   |  14 +-
 .../ImmediateCreditsStages/PaymentSuccess.js  | 129 ++++++++----------
 src/components/global/Side.js                 |   6 +-
 src/scss/_immediate-credits.scss              |   4 +
 4 files changed, 73 insertions(+), 80 deletions(-)

diff --git a/src/components/ImmediateCreditsStages/BorrowerStage.js b/src/components/ImmediateCreditsStages/BorrowerStage.js
index 29e22d3..aa302e5 100644
--- a/src/components/ImmediateCreditsStages/BorrowerStage.js
+++ b/src/components/ImmediateCreditsStages/BorrowerStage.js
@@ -52,6 +52,7 @@ const BorrowerStage = ({
   const [isLoading, setIsLoading] = useState(false);
   const [err, setErr] = useState(false);
   const [errCode, setErrCode] = useState();
+  const [isGuranterSelected, setIsGuranterSelected] = useState(false);
 
   const [idSerial, setIdSerial] = useState('I-AS');
   const [passportNumber, setPassportNumber] = useState('');
@@ -65,6 +66,7 @@ const BorrowerStage = ({
   };
 
   const isGuranterHandler = (value) => {
+    setIsGuranterSelected(true);
     setIsGuranter(value);
   };
 
@@ -251,16 +253,16 @@ const BorrowerStage = ({
               id="borrower"
               value={'recepient'}
               name="client-type"
-              checked={isGuranter ? false : true}
+              checked={isGuranterSelected ? (isGuranter ? false : true) : false}
               onChange={checkboxHandleChange}
               // {...register("clientType")}
               className="radio-button"
             />
             <label htmlFor="borrower">
               {locale === 'TKM'
-                ? 'Hasaba almak'
+                ? 'Ätiýaçlandyryş hyzmaty'
                 : locale === 'РУС'
-                ? 'Гос. страх'
+                ? 'Гос страхование'
                 : locale === 'ENG'
                 ? 'Borrower'
                 : 'Hasaba almak'}
@@ -273,19 +275,19 @@ const BorrowerStage = ({
               id="isGuranter"
               value={'guaranter'}
               name="client-type"
-              checked={isGuranter ? true : false}
+              checked={isGuranterSelected ? (isGuranter ? true : false) : false}
               onChange={checkboxHandleChange}
               // {...register("clientType")}
               className="radio-button"
             />
             <label htmlFor="isGuranter">
               {locale === 'TKM'
-                ? 'Hasaba almak'
+                ? 'Zamunçy'
                 : locale === 'РУС'
                 ? 'Поручитель'
                 : locale === 'ENG'
                 ? 'guaranter'
-                : 'Hasaba almak'}
+                : 'Zamunçy'}
             </label>
           </div>
         </div>
diff --git a/src/components/ImmediateCreditsStages/PaymentSuccess.js b/src/components/ImmediateCreditsStages/PaymentSuccess.js
index 8927a26..7f123f1 100644
--- a/src/components/ImmediateCreditsStages/PaymentSuccess.js
+++ b/src/components/ImmediateCreditsStages/PaymentSuccess.js
@@ -1,9 +1,9 @@
-import React, { useContext, useState } from "react";
-import { LanguageContext } from "../../backend/LanguageContext";
+import React, { useContext, useState } from 'react';
+import { LanguageContext } from '../../backend/LanguageContext';
 
-import next from "../../icons/next.svg";
-import next_reverse from "../../icons/next-reverse.svg";
-import { UserContext } from "../../backend/UserContext";
+import next from '../../icons/next.svg';
+import next_reverse from '../../icons/next-reverse.svg';
+import { UserContext } from '../../backend/UserContext';
 
 const PaymentSuccess = ({
   setStage,
@@ -18,7 +18,7 @@ const PaymentSuccess = ({
   const { locale } = useContext(LanguageContext);
   const { user } = useContext(UserContext);
 
-  const [codeValue, setPhoneValue] = useState("");
+  const [codeValue, setPhoneValue] = useState('');
 
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState(false);
@@ -30,18 +30,15 @@ const PaymentSuccess = ({
   const confirmCode = async () => {
     try {
       setIsLoading(true);
-      const response = await fetch(
-        "https://shahsyotag.halkbank.gov.tm/validateOTP",
-        {
-          headers: { "Content-Type": "aplication/json" },
-          method: "POST",
+      const response = await fetch('https://shahsyotag.halkbank.gov.tm/validateOTP', {
+        headers: { 'Content-Type': 'aplication/json' },
+        method: 'POST',
 
-          body: JSON.stringify({
-            phone_number: user.mobile_phone,
-            otp: codeValue,
-          }),
-        }
-      );
+        body: JSON.stringify({
+          phone_number: user.mobile_phone,
+          otp: codeValue,
+        }),
+      });
 
       if (!response.ok) {
         throw new Error(`HTTP error! Status: ${response.status}`);
@@ -49,7 +46,7 @@ const PaymentSuccess = ({
 
       const jsonedResponse = await response.json();
 
-      if (jsonedResponse === "OTP validated successfully") {
+      if (jsonedResponse === 'OTP validated successfully') {
         fetchData();
         setIsLoading(false);
       }
@@ -61,9 +58,9 @@ const PaymentSuccess = ({
       const response = await fetch(
         `https://shahsyotag.halkbank.gov.tm/onlineloancre-services/api/loancre`,
         {
-          method: "POST",
+          method: 'POST',
           headers: {
-            "Content-Type": "application/json",
+            'Content-Type': 'application/json',
           },
           body: JSON.stringify({
             clientRecipient: {
@@ -73,7 +70,7 @@ const PaymentSuccess = ({
               name: borrowerData.name,
               surname: borrowerData.surname,
               availableAmount: borrowerData.availableAmount,
-              clientType: "recipient",
+              clientType: 'recipient',
               signRecipient: borrowerData.signRecipient,
             },
             clientGuarantor: isGuranter
@@ -84,7 +81,7 @@ const PaymentSuccess = ({
                   name: guaranterData.name,
                   surname: guaranterData.surname,
                   availableAmount: guaranterData.availableAmount,
-                  clientType: "guarantor",
+                  clientType: 'guarantor',
                   signGuarantor: guaranterData.signGuarantor,
                 }
               : null,
@@ -93,7 +90,7 @@ const PaymentSuccess = ({
             mrtIsInsuarance: isGuranter ? 0 : 1,
             termInYears: creditDuration,
           }),
-        }
+        },
       );
 
       if (!response.ok) {
@@ -131,40 +128,35 @@ const PaymentSuccess = ({
     <section className="imm-cs-1">
       <form>
         <h2 className="succes-title">
-          {locale === "TKM"
-            ? "Karzyň kalkulýatory"
-            : locale === "РУС"
-            ? "Оплата прошла успешно, ваша заявка на оформление кредитной карты принята"
-            : locale === "ENG"
-            ? "Loan calculator"
-            : "Karzyň kalkulýatory"}
+          {locale === 'TKM'
+            ? 'Karzyň kalkulýatory'
+            : locale === 'РУС'
+            ? 'Оплата прошла успешно, ваша заявка на оформление кредитной карты принята'
+            : locale === 'ENG'
+            ? 'Loan calculator'
+            : 'Karzyň kalkulýatory'}
         </h2>
         <h3 className="succes-sub-title">
-          {locale === "TKM"
-            ? "Karzyň kalkulýatory"
-            : locale === "РУС"
-            ? "Завершите оформление онлайн кредита, введя СМС код, отправленный на ваш номер телефона "
-            : locale === "ENG"
-            ? "Loan calculator"
-            : "Karzyň kalkulýatory"}
+          {locale === 'TKM'
+            ? 'Karzyň kalkulýatory'
+            : locale === 'РУС'
+            ? 'Завершите оформление цифровой кредита, введя СМС код, отправленный на ваш номер телефона '
+            : locale === 'ENG'
+            ? 'Loan calculator'
+            : 'Karzyň kalkulýatory'}
         </h3>
         <div className="imm-credit-form-wrapper">
           <div className="input-block">
             <label htmlFor="code">
-              {locale === "TKM"
-                ? "At"
-                : locale === "РУС"
-                ? "Код"
-                : locale === "ENG"
-                ? "amount"
-                : "At"}
+              {locale === 'TKM'
+                ? 'At'
+                : locale === 'РУС'
+                ? 'Код'
+                : locale === 'ENG'
+                ? 'amount'
+                : 'At'}
             </label>
-            <input
-              value={codeValue}
-              onChange={handleCodeChange}
-              type="text"
-              id="code"
-            />
+            <input value={codeValue} onChange={handleCodeChange} type="text" id="code" />
             {/* <span className="another-option" onClick={codeResend}>
               Отправить код снова
             </span> */}
@@ -172,23 +164,19 @@ const PaymentSuccess = ({
           </div>
         </div>
         <div className="cu-bottom cd-2-title">
-          <button
-            type="button"
-            className="sign-btn reg-btn"
-            onClick={() => setStage(14)}
-          >
+          <button type="button" className="sign-btn reg-btn" onClick={() => setStage(14)}>
             <div>
               <div className="btn-img">
                 <img src={next_reverse} alt="logout" />
               </div>
               <h3>
-                {locale === "TKM"
-                  ? "Yza"
-                  : locale === "РУС"
-                  ? "Назад"
-                  : locale === "ENG"
-                  ? "Back"
-                  : "Yza"}
+                {locale === 'TKM'
+                  ? 'Yza'
+                  : locale === 'РУС'
+                  ? 'Назад'
+                  : locale === 'ENG'
+                  ? 'Back'
+                  : 'Yza'}
               </h3>
             </div>
           </button>
@@ -196,17 +184,16 @@ const PaymentSuccess = ({
             disabled={codeValue.length !== 6 && !isLoading ? true : false}
             type="submit"
             onClick={onSubmit}
-            className="sign-btn cu-btn"
-          >
+            className="sign-btn cu-btn">
             <div>
               <h3>
-                {locale === "TKM"
-                  ? "Dowam et"
-                  : locale === "РУС"
-                  ? "Подтвердить  "
-                  : locale === "ENG"
-                  ? "Proceed"
-                  : "Dowam et"}
+                {locale === 'TKM'
+                  ? 'Dowam et'
+                  : locale === 'РУС'
+                  ? 'Подтвердить  '
+                  : locale === 'ENG'
+                  ? 'Proceed'
+                  : 'Dowam et'}
               </h3>
               <div className="btn-img">
                 <img src={next} alt="logout" />
diff --git a/src/components/global/Side.js b/src/components/global/Side.js
index 8ae6229..40ddfab 100644
--- a/src/components/global/Side.js
+++ b/src/components/global/Side.js
@@ -152,11 +152,11 @@ const Side = ({ sideOpen, setSideOpen }) => {
                   </div>
                   <span>
                     {locale === 'TKM'
-                      ? 'Çalt Karzlar'
+                      ? 'Sanly karz'
                       : locale === 'РУС'
-                      ? 'Онлайн кредит'
+                      ? 'Цифровой кредит'
                       : locale === 'ENG'
-                      ? 'Immediate Loans'
+                      ? 'Digital loan'
                       : 'Çalt Karzlar'}
                   </span>
                 </Link>
diff --git a/src/scss/_immediate-credits.scss b/src/scss/_immediate-credits.scss
index 64a5c5d..e88e90d 100644
--- a/src/scss/_immediate-credits.scss
+++ b/src/scss/_immediate-credits.scss
@@ -6,6 +6,10 @@
   }
 }
 
+.imm-credit-modal {
+  min-height: 90vh;
+}
+
 .imm-credit-form-wrapper {
   display: grid;
   grid-template-columns: repeat(3, 1fr);