TP-61032 | Disable clicks on screen overlay state (#10260)

App/Container/Navi-Insurance/screen/quote-offer-screen/QuoteOfferScreen.tsx

@@ -26,6 +26,7 @@ import {
   HEADER_LOTTIE_WIDGET_HEIGHT,
 } from "../../../../common/constants/NumericalConstants";
 import { sendAsAnalyticsEvent } from "../../../../common/hooks/useAnalyticsEvent";
+import { logToSentry } from "../../../../common/hooks/useSentryLogging";
 import { AnalyticsEvent, CtaData, CtaType } from "../../../../common/interface";
 import { Widget } from "../../../../common/interface/widgets/Widget";
 import { ScreenData } from "../../../../common/interface/widgets/screenData/ScreenData";
@@ -35,7 +36,6 @@ import { ScreenActionTypes } from "../../../../common/screen/ScreenActionTypes";
 import styles from "./QuoteOfferScreenStyle";
 import QuoteOfferErrorScreen from "./error-screen/QuoteOfferErrorScreen";
 import QuoteOfferShimmerScreen from "./shimmer-screen/QuoteOfferShimmerScreen";
-import { logToSentry } from "../../../../common/hooks/useSentryLogging";
 
 const QuoteOfferScreen = ({
   ctaData,
@@ -69,11 +69,6 @@ const QuoteOfferScreen = ({
     };
   });
 
-  const screenOverlayStyle =
-    screenData?.screenState === ScreenState.OVERLAY
-      ? { opacity: 1 }
-      : { opacity: 1 };
-
   let preQuoteId: string | undefined | null = undefined;
   let quoteId: string | undefined | null = undefined;
   ctaData?.parameters?.forEach((item) => {
@@ -194,6 +189,9 @@ const QuoteOfferScreen = ({
       />
     );
   } else {
+    const getPointerEvents = () => {
+      return screenData?.screenState === ScreenState.OVERLAY ? "none" : "auto";
+    };
     return (
       <View style={[styles.container, screenData?.screenStyle]}>
         <StatusBar backgroundColor={Colors.white} barStyle="dark-content" />
@@ -211,24 +209,18 @@ const QuoteOfferScreen = ({
           scrollEventThrottle={16}
           onScroll={onScroll}
           nestedScrollEnabled={true}
-          style={screenOverlayStyle}
-          pointerEvents={
-            screenData?.screenState === ScreenState.OVERLAY ? "none" : "auto"
-          }
+          pointerEvents={getPointerEvents()}
         >
-          {getWidgetViews(
-            screenData?.screenWidgets?.contentWidgets,
-            handleActions,
-            screenData?.screenState,
-            handleClick
-          )}
+          <View pointerEvents={getPointerEvents()}>
+            {getWidgetViews(
+              screenData?.screenWidgets?.contentWidgets,
+              handleActions,
+              screenData?.screenState,
+              handleClick
+            )}
+          </View>
         </Animated.ScrollView>
-        <View
-          style={[styles.footer, screenOverlayStyle]}
-          pointerEvents={
-            screenData?.screenState === ScreenState.OVERLAY ? "none" : "auto"
-          }
-        >
+        <View style={styles.footer} pointerEvents={getPointerEvents()}>
           {getWidgetViews(
             screenData?.screenWidgets?.footerWidgets,
             handleActions,
@@ -265,4 +257,4 @@ function getWidgetViews(
   );
 }
 
-export default QuoteOfferScreen;
+export default QuoteOfferScreen;