From fcc10c8b6e3aa54847937dd2ba5d102ddc0862c0 Mon Sep 17 00:00:00 2001
From: SanoferSameera <sanofersameera25@gmail.com>
Date: Mon, 16 Oct 2023 22:31:55 +0530
Subject: [PATCH] Fix. showing proper error message on api error

---
 src/components/demo-auth/demoAuth.jsx | 33 +++++++++++++++++----------
 1 file changed, 21 insertions(+), 12 deletions(-)

diff --git a/src/components/demo-auth/demoAuth.jsx b/src/components/demo-auth/demoAuth.jsx
index 7d3bbc7..3810e18 100644
--- a/src/components/demo-auth/demoAuth.jsx
+++ b/src/components/demo-auth/demoAuth.jsx
@@ -64,17 +64,26 @@ const DemoAuth = (props) => {
 				demographics.identifier = { type: "MOBILE", value: demographics.mobileNumber };
 				response = await authConfirm(props.id, null, demographics);
 			}
-			if (("error" in response && response.error !== undefined) || ("Error" in response && response.Error !== undefined)) {
-				setShowError(true);
-				if (response.error.code === 1441) {
-					setErrorMessage("The authentication was unsuccessful. Please check the details you entered.");
-				} else {
-					setErrorMessage((response.Error && response.Error.Message) || response.error.message);
-				}
-			} else {
-				isAadhaarDemoAuth ? setAadhaarDemographicsResponse(parseDemographicsNdhmDetails(response)) : setNdhmDetails(parseNdhmDetails(response));
-			}
-			setLoader(false);
+			if(response) {
+			    setLoader(false);
+                if (response.status === 200) {
+                    isAadhaarDemoAuth ? setAadhaarDemographicsResponse(parseDemographicsNdhmDetails(response)) : setNdhmDetails(parseNdhmDetails(response));
+                }
+                else {
+                    setShowError(true);
+                    if (("error" in response && response.error !== undefined) || ("Error" in response && response.Error !== undefined)) {
+                        if (response.error.code === 1441) {
+                            setErrorMessage("The authentication was unsuccessful. Please check the details you entered.");
+                        } else {
+                            setErrorMessage((response.Error && response.Error.Message) || response.error.message);
+                        }
+                    }
+                }
+            }
+			else {
+                setLoader(false);
+                setErrorMessage("An error occurred while processing your request");
+            }
 		}
 
     function parseNdhmDetails(patient) {
@@ -181,8 +190,8 @@ const DemoAuth = (props) => {
                  <Footer setBack={props.setBack} />
                  <button className="demo-fetch-button" type="button" disabled={isDisabled} onClick={confirmAuth}>
                      {isAadhaarDemoAuth ? 'Create ABHA' : 'Fetch ABDM Data'}</button>
-                 {showError && <h6 className="error">{errorMessage}</h6>}
              </div>
+             {showError && <h6 className="error-msg">{errorMessage}</h6>}
             </>
             } 
             {loader && <Spinner />}