err handling

This commit is contained in:
Kakabay 2024-04-10 21:18:48 +05:00
parent 60741c793a
commit 18a4a6a520
2 changed files with 48 additions and 31 deletions

View File

@ -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>
);
}

View File

@ -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"