While logging out, I removed loading to avoid blockers in iOS. - fixed

Author: karthikeyan-se-contus

src/common/LoadingModal.js

@@ -5,7 +5,7 @@ import commonStyles from '../styles/commonStyles';
 import Modal, { ModalCenteredContent } from './Modal';
 import Text from './Text';
 
-function LoadingModal({ visible, message }) {
+function LoadingModal({ visible, message, behavior = '' }) {
    const themeColorPalatte = useThemeColorPalatte();
 
    const styles = {
@@ -16,6 +16,22 @@ function LoadingModal({ visible, message }) {
       ...(Boolean(message) && { paddingHorizontal: 15, minWidth: 300, minHeight: 70 }), // Include paddingHorizontal only when message is available
    };
 
+   if (behavior === 'costom' && visible) {
+      return (
+         <View
+            style={[
+               commonStyles.positionAbsolute,
+               commonStyles.alignItemsCenter,
+               commonStyles.justifyContentCenter,
+               { flex: 1, width: '100%', height: '100%', backgroundColor: themeColorPalatte.modalOverlayBg },
+            ]}>
+            <View style={styles}>
+               <ActivityIndicator size={'large'} color={themeColorPalatte.primaryColor} />
+            </View>
+         </View>
+      );
+   }
+
    return (
       <Modal visible={visible}>
          <ModalCenteredContent>

src/screens/MenuScreen.js

@@ -13,21 +13,25 @@ import { useThemeColorPalatte } from '../redux/reduxHook';
 import commonStyles from '../styles/commonStyles';
 import { logoutClearVariables, mirrorflyLogout } from '../uikitMethods';
 import { REGISTERSCREEN } from './constants';
+import LoadingModal from '../common/LoadingModal';
 
 function MenuScreen() {
    const navigation = useNavigation();
    const themeColorPalatte = useThemeColorPalatte();
    const [modalContent, setModalContent] = React.useState(null);
    const stringSet = getStringSet();
+   const [visible, setVisible] = React.useState(false);
 
    const toggleModalContent = () => {
       setModalContent(null);
    };
 
    const hanldeLogout = async () => {
+      setVisible(true);
       const res = await mirrorflyLogout();
       if (res === 200) {
          setTimeout(() => {
+            setVisible(false);
             logoutClearVariables();
             RootNavigation.reset(REGISTERSCREEN);
          }, 1000);
@@ -126,6 +130,7 @@ function MenuScreen() {
             />
          </View>
          {modalContent && <AlertModal {...modalContent} />}
+         <LoadingModal visible={visible} behavior="costom" />
       </>
    );
 }