feat: add props on Loader to force user to leave screen (axelor#379)

* RM#73991
hel-axelor · Jun 13, 2024 · 5ee941b · 5ee941b
1 parent 4cfdfe2
commit 5ee941b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/packages/apps/stock/src/screens/loader/LoaderScreen.js b/packages/apps/stock/src/screens/loader/LoaderScreen.js
@@ -76,6 +76,7 @@ const LoaderScreen = () => {
           onSuccess={handleSuccessAction}
           onError={handleErrorAction}
           disabled={false}
+          autoLeave={true}
         />
       </View>
     </Screen>

diff --git a/packages/core/src/components/templates/Loader/LoaderPopup.tsx b/packages/core/src/components/templates/Loader/LoaderPopup.tsx
@@ -38,6 +38,7 @@ interface LoaderPopupProps {
   onError: () => void;
   start?: boolean;
   disabled?: boolean;
+  autoLeave?: boolean;
   timeout?: number;
 }
 
@@ -47,6 +48,7 @@ const LoaderPopup = ({
   onError,
   start = false,
   disabled = false,
+  autoLeave = false,
   timeout = 100,
 }: LoaderPopupProps) => {
   const navigation = useNavigation();
@@ -87,15 +89,24 @@ const LoaderPopup = ({
 
       timeoutRef.current = setTimeout(() => {
         setActivityIndicator(false);
-        setShowPopup(true);
+
+        autoLeave ? handleNotifyMe() : setShowPopup(true);
       }, timeout);
     }
 
     return () => {
       setActivityIndicator(false);
       clearTimeout(timeoutRef.current);
     };
-  }, [timeout, loading, showPopup, setActivityIndicator, setShowPopup]);
+  }, [
+    timeout,
+    loading,
+    showPopup,
+    autoLeave,
+    setActivityIndicator,
+    setShowPopup,
+    handleNotifyMe,
+  ]);
 
   if (!loading || !showPopup) {
     return null;