From 18a4a6a52059e51faa34ed8297b0dba03207f609 Mon Sep 17 00:00:00 2001
From: Kakabay <2kakabayashyrberdyew@gmail.com>
Date: Wed, 10 Apr 2024 21:18:48 +0500
Subject: [PATCH] err handling

---
 .../ImmediateCreditsStages/AcceptStage.js     | 61 ++++++++++++-------
 .../ImmediateCreditsStages/PhoneAccept.js     | 18 +++---
 2 files changed, 48 insertions(+), 31 deletions(-)

diff --git a/src/components/ImmediateCreditsStages/AcceptStage.js b/src/components/ImmediateCreditsStages/AcceptStage.js
index 349c466..0460707 100644
--- a/src/components/ImmediateCreditsStages/AcceptStage.js
+++ b/src/components/ImmediateCreditsStages/AcceptStage.js
@@ -41,6 +41,7 @@ const AcceptStage = ({
 
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState(false);
+  const [errorMessage, setErrorMesage] = useState("");
 
   const {
     register,
@@ -126,9 +127,15 @@ const AcceptStage = ({
       );
 
       if (!response.ok) {
+        setError(true);
+        setErrorMesage(response.status);
         throw new Error(`HTTP error! Status: ${response.status}`);
       }
 
+      if (response.status !== 200 || response.status !== 201) {
+        console.log(response.status);
+      }
+
       setStage(9);
     } catch (error) {
       console.error(error);
@@ -141,30 +148,38 @@ const AcceptStage = ({
 
   if (error) {
     return (
-      <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)}
-          >
-            <div>
-              <div className="btn-img">
-                <img src={next_reverse} alt="logout" />
-              </div>
-              <h3>
-                {locale === "TKM"
-                  ? "Yza"
-                  : locale === "РУС"
-                  ? "Назад"
-                  : locale === "ENG"
-                  ? "Back"
-                  : "Yza"}
-              </h3>
+      <section className="cs-1">
+        <h1 className="cs-2-title">
+          {errorMessage}
+          {locale === "TKM"
+            ? " Bir zat  ýalňyş ..."
+            : locale === "РУС"
+            ? " Ошибка..."
+            : locale === "ENG"
+            ? "Error..."
+            : " Bir zat  ýalňyş ..."}
+        </h1>
+        <br />
+        <button
+          type="button"
+          className="sign-btn reg-btn"
+          onClick={() => setStage(7)}
+        >
+          <div>
+            <div className="btn-img">
+              <img src={next_reverse} alt="logout" />
             </div>
-          </button>
-        </div>
+            <h3>
+              {locale === "TKM"
+                ? "Yza"
+                : locale === "РУС"
+                ? "Назад"
+                : locale === "ENG"
+                ? "Back"
+                : "Yza"}
+            </h3>
+          </div>
+        </button>
       </section>
     );
   }
diff --git a/src/components/ImmediateCreditsStages/PhoneAccept.js b/src/components/ImmediateCreditsStages/PhoneAccept.js
index cc60b30..80461a2 100644
--- a/src/components/ImmediateCreditsStages/PhoneAccept.js
+++ b/src/components/ImmediateCreditsStages/PhoneAccept.js
@@ -43,7 +43,7 @@ const PhoneAccept = ({
 
   const [codeValue, setPhoneValue] = useState("");
 
-  const [errMesage, setErrMessage] = useState();
+  const [errMessage, setErrMessage] = useState();
 
   const handleCodeChange = (e) => {
     setPhoneValue(e.target.value);
@@ -180,8 +180,6 @@ const PhoneAccept = ({
   };
 
   const sendCode = async () => {
-    console.log("startred");
-
     try {
       const response = await fetch(
         "https://shahsyotag.halkbank.gov.tm/sendOTP",
@@ -195,6 +193,8 @@ const PhoneAccept = ({
       );
 
       if (!response.ok) {
+        setErrMessage(response.status);
+        setError(true);
         throw new Error(`HTTP error! Status: ${response.status}`);
       }
 
@@ -352,18 +352,20 @@ const PhoneAccept = ({
     );
   }
 
-  if (errMesage) {
+  if (error) {
     return (
-      <section className="imm-cs-1 cs-1">
+      <section className="cs-1">
         <h1 className="cs-2-title">
+          {errMessage}
           {locale === "TKM"
             ? "Bir zat  ýalňyş ..."
             : locale === "РУС"
-            ? "Ошибка..."
+            ? " Ошибка..."
             : locale === "ENG"
-            ? "Error..."
-            : "Bir zat  ýalňyş ..."}
+            ? " Error..."
+            : " Bir zat  ýalňyş ..."}
         </h1>
+        <br />
         <button
           type="button"
           className="sign-btn reg-btn"