[ES-1368] [ES-1369] Update language.tsx and handled the Retry button …

…functionality when the eKYC verification is unsuccessful. (#276) * [ES-1368] Update language.tsx Signed-off-by: Gk <[email protected]> * [ES-1369] Handled the Retry button functionality when the eKYC verification is unsuccessful. Signed-off-by: Gk <[email protected]> --------- Signed-off-by: Gk <[email protected]>
mosip · Jul 15, 2024 · 07c0640 · 07c0640
1 parent ddb2f2b
commit 07c0640
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/signup-ui/src/components/language.tsx b/signup-ui/src/components/language.tsx
@@ -33,7 +33,7 @@ export const Language = () => {
     // Encode the string
     const encodedBase64 = btoa(urlSearchParams.toString());
     const url =
-      window.location.origin + window.location.pathname + "#" + encodedBase64;
+      window.location.origin + window.location.pathname + window.location.search + "#" + encodedBase64;
 
     // Replace the current url with the modified url due to the language change
     window.history.replaceState(null, "", url);

diff --git a/signup-ui/src/pages/EkycVerificationPage/VerificationScreen/VerificationScreen.tsx b/signup-ui/src/pages/EkycVerificationPage/VerificationScreen/VerificationScreen.tsx
@@ -26,6 +26,9 @@ import {
   setErrorBannerMessageSelector,
   setIsNoBackgroundSelector,
   slotIdSelector,
+  setStepSelector,
+  EkycVerificationStep,
+  setSlotIdSelector,
   useEkycVerificationStore,
 } from "../useEkycVerificationStore";
 import { EkycStatusAlert } from "./components/EkycStatusAlert";
@@ -65,6 +68,8 @@ export const VerificationScreen = ({
     errorBannerMessage,
     slotId,
     kycProviderDetail,
+    setStep,
+    setSlotId
   } = useEkycVerificationStore(
     useCallback(
       (state: EkycVerificationStore) => ({
@@ -73,6 +78,8 @@ export const VerificationScreen = ({
         errorBannerMessage: errorBannerMessageSelector(state),
         slotId: slotIdSelector(state),
         kycProviderDetail: kycProviderDetailSelector(state),
+        setStep: setStepSelector(state),
+        setSlotId: setSlotIdSelector(state)
       }),
       []
     )
@@ -136,6 +143,12 @@ export const VerificationScreen = ({
     publish(PUBLISH_TOPIC, JSON.stringify(request));
   };
 
+  const handleRetry = (e: any) => {
+    e.preventDefault();
+    setSlotId(null);
+    setStep(EkycVerificationStep.SlotCheckingScreen);
+  };
+
   // timer useEffect
   useEffect(() => {
     if (timer && timer > 0) {
@@ -309,6 +322,7 @@ export const VerificationScreen = ({
           getCurrentLangMsg("errors", currentStep.feedbackCode ?? "default")
         );
         setColorVerification(false);
+        setMessage(null);
         break;
       default:
         break;
@@ -344,7 +358,11 @@ export const VerificationScreen = ({
         ),
         subHeader: "Oops! We were unable to complete the eKYC verification.",
         footer: (
-          <Button id="retry-button" className="my-4 h-16 w-full">
+          <Button
+            id="retry-button"
+            className="my-4 h-16 w-full"
+            onClick={handleRetry}
+          >
             Retry
           </Button>
         ),