Restore ads implementation

Author: mithun50

App.tsx

@@ -11,10 +11,10 @@ import * as Notifications from 'expo-notifications';
 import { db } from './firebase.config';
 import { doc, setDoc } from 'firebase/firestore';
 import AsyncStorage from '@react-native-async-storage/async-storage';
-// Ads implementation - COMMENTED OUT
-// import { useInterstitialAd } from './hooks/useInterstitialAd';
-// import { useExitAd } from './hooks/useExitAd';
-// import MobileAds from 'react-native-google-mobile-ads';
+// Ads implementation
+import { useInterstitialAd } from './hooks/useInterstitialAd';
+import { useExitAd } from './hooks/useExitAd';
+import MobileAds from 'react-native-google-mobile-ads';
 
 // Create context for notifications navigation
 const NotificationsContext = createContext<{
@@ -140,7 +140,7 @@ const AppContent = () => {
   const [notification, setNotification] = useState<Notifications.Notification | false>(false);
   const notificationListener = useRef<Notifications.Subscription>();
   const responseListener = useRef<Notifications.Subscription>();
-  // const [previousRoute, setPreviousRoute] = useState<string>('Home'); // COMMENTED OUT - only used for ads
+  const [previousRoute, setPreviousRoute] = useState<string>('Home');
   const [showLanguageSelection, setShowLanguageSelection] = useState(false);
   const [isCheckingFirstLaunch, setIsCheckingFirstLaunch] = useState(true);
 
@@ -163,31 +163,32 @@ const AppContent = () => {
     checkFirstLaunch();
   }, []);
 
-  // Track AdMob initialization state - COMMENTED OUT
-  // const [adMobInitialized, setAdMobInitialized] = useState(false);
-
-  // Initialize Google Mobile Ads - COMMENTED OUT
-  // useEffect(() => {
-  //   console.log('🚀 Starting AdMob initialization...');
-  //   MobileAds()
-  //     .initialize()
-  //     .then(adapterStatuses => {
-  //       console.log('✅ AdMob initialized successfully:', adapterStatuses);
-  //       setAdMobInitialized(true);
-  //     })
-  //     .catch(error => {
-  //       console.error('❌ AdMob initialization error:', error);
-  //       console.error('Error details:', JSON.stringify(error));
-  //       // Still set to true to allow ads to attempt loading
-  //       setAdMobInitialized(true);
-  //     });
-  // }, []);
-
-  // Interstitial ad hook for tab navigation - COMMENTED OUT
-  // const { showAd, isLoaded } = useInterstitialAd();
-
-  // Exit ad hook - shows rewarded interstitial when user presses back button - COMMENTED OUT
-  // useExitAd({ enabled: adMobInitialized });
+  // Track AdMob initialization state
+  const [adMobInitialized, setAdMobInitialized] = useState(false);
+
+  // Initialize Google Mobile Ads
+  useEffect(() => {
+    console.log('🚀 Starting AdMob initialization...');
+    MobileAds()
+      .initialize()
+      .then(adapterStatuses => {
+        console.log('✅ AdMob initialized successfully:', adapterStatuses);
+        setAdMobInitialized(true);
+      })
+      .catch(error => {
+        console.error('❌ AdMob initialization error:', error);
+        console.error('Error details:', JSON.stringify(error));
+        // Still set to true to allow ads to attempt loading
+        setAdMobInitialized(true);
+      });
+  }, []);
+
+  // Interstitial ad hook for tab navigation - ONLY AFTER initialization
+  const { showAd, isLoaded } = useInterstitialAd();
+
+  // Exit ad hook - shows rewarded interstitial when user presses back button
+  // ONLY enable after AdMob is initialized
+  useExitAd({ enabled: adMobInitialized });
 
   useEffect(() => {
     registerForPushNotificationsAsync().then(token => {
@@ -224,32 +225,32 @@ const AppContent = () => {
     };
   }, []);
 
-  // Handle navigation state changes to show interstitial ads - COMMENTED OUT
-  // const handleNavigationStateChange = (state: any) => {
-  //   if (!state) return;
-  //
-  //   const currentRoute = state.routes[state.index]?.name;
-  //
-  //   // Log navigation changes
-  //   if (currentRoute && currentRoute !== previousRoute) {
-  //     console.log(`📱 Tab changed: ${previousRoute} → ${currentRoute}`);
-  //     console.log('Ad state - isLoaded:', isLoaded, 'adMobInitialized:', adMobInitialized);
-  //   }
-  //
-  //   // Show interstitial ad occasionally when switching tabs (not every time to avoid annoyance)
-  //   // Show ad 30% of the time when changing tabs
-  //   const randomValue = Math.random();
-  //   if (currentRoute && currentRoute !== previousRoute && isLoaded && randomValue < 0.3) {
-  //     console.log(`🎲 Random value: ${randomValue.toFixed(2)} < 0.3 - Showing interstitial ad`);
-  //     showAd();
-  //   } else if (currentRoute && currentRoute !== previousRoute && isLoaded) {
-  //     console.log(`🎲 Random value: ${randomValue.toFixed(2)} >= 0.3 - Skipping ad this time`);
-  //   } else if (currentRoute && currentRoute !== previousRoute && !isLoaded) {
-  //     console.log('⚠️ Tab changed but ad not loaded yet');
-  //   }
-  //
-  //   setPreviousRoute(currentRoute);
-  // };
+  // Handle navigation state changes to show interstitial ads
+  const handleNavigationStateChange = (state: any) => {
+    if (!state) return;
+
+    const currentRoute = state.routes[state.index]?.name;
+
+    // Log navigation changes
+    if (currentRoute && currentRoute !== previousRoute) {
+      console.log(`📱 Tab changed: ${previousRoute} → ${currentRoute}`);
+      console.log('Ad state - isLoaded:', isLoaded, 'adMobInitialized:', adMobInitialized);
+    }
+
+    // Show interstitial ad occasionally when switching tabs (not every time to avoid annoyance)
+    // Show ad 30% of the time when changing tabs
+    const randomValue = Math.random();
+    if (currentRoute && currentRoute !== previousRoute && isLoaded && randomValue < 0.3) {
+      console.log(`🎲 Random value: ${randomValue.toFixed(2)} < 0.3 - Showing interstitial ad`);
+      showAd();
+    } else if (currentRoute && currentRoute !== previousRoute && isLoaded) {
+      console.log(`🎲 Random value: ${randomValue.toFixed(2)} >= 0.3 - Skipping ad this time`);
+    } else if (currentRoute && currentRoute !== previousRoute && !isLoaded) {
+      console.log('⚠️ Tab changed but ad not loaded yet');
+    }
+
+    setPreviousRoute(currentRoute);
+  };
 
   return (
     <NotificationsContext.Provider value={{ openNotifications: () => setShowNotificationsScreen(true) }}>
@@ -275,7 +276,7 @@ const AppContent = () => {
           <StatusBar style="dark" />
         </SafeAreaView>
       ) : (
-        <NavigationContainer>
+        <NavigationContainer onStateChange={handleNavigationStateChange}>
         <SafeAreaView style={{ flex: 1, backgroundColor: '#FFFFFF' }}>
 
           <Tab.Navigator