App.tsx

/**
 * Scaler School of Technology Application
 * @format
 */

import mobileAds, {
  BannerAd,
  BannerAdSize,
  MaxAdContentRating,
} from 'react-native-google-mobile-ads';
import React, {useEffect, useState, useRef} from 'react'; // importing react module
import {PermissionsAndroid, Text} from 'react-native';
import FlashMessage from 'react-native-flash-message'; // module to flash messages on device screen
import {NavigationContainer} from '@react-navigation/native';
import {createNativeStackNavigator} from '@react-navigation/native-stack';

import DidContext from './src/contexts/DidContext';
import UserContext from './src/contexts/UserContext';
import DeviceInfo from 'react-native-device-info';

import SignInScreen from './src/screens/SignInScreen';
const HomeScreen = React.lazy(() => import('./src/screens/CurrentClassScreen'));

import {
  requestUserPermission,
  NotificationListener,
} from './src/utils/pushnotification_helper';
import SplashScreen from 'react-native-splash-screen';

const Stack = createNativeStackNavigator();

mobileAds()
  .initialize()
  .then(() => {});

export default function App(): JSX.Element {
  const [did, setdid] = useState('');
  const [userInfo, setUserInfo] = useState({});
  const navigationRef = useRef(null);

  useEffect(() => {
    DeviceInfo.getUniqueId().then(uniqueId => {
      setdid(uniqueId);
    });
  }, []);

  useEffect(() => {
    mobileAds()
      .setRequestConfiguration({
        maxAdContentRating: MaxAdContentRating.G,
        tagForChildDirectedTreatment: true,
        tagForUnderAgeOfConsent: true,
      })
      .then(() => {
        // setAdError(null);
      })
      .catch(() => {
        // setAdError('Problem configuring add');
      });
  }, []);

  useEffect(() => {
    try {
      PermissionsAndroid.request(
        PermissionsAndroid.PERMISSIONS.POST_NOTIFICATIONS,
        {
          title: 'Allow Scaler School of Technology to send you notifications',
          message: 'Notification access required.',
          buttonNeutral: 'Ask Me Later',
          buttonNegative: 'Cancel',
          buttonPositive: 'OK',
        },
      );
      // if (granted === PermissionsAndroid.RESULTS.GRANTED) {
      // } else {
      // }
    } catch (err) {}

    requestUserPermission();
    NotificationListener();
  }, []);

  useEffect(() => {
    SplashScreen.hide();
  }, []);

  function onSuccessRegister(initResponse) {
    setUserInfo({
      userName: initResponse.name,
      userEmail: initResponse.mail,
    });
    navigationRef.current.navigate('CurrentClassScreen');
  }

  return (
    <DidContext.Provider value={did}>
      <UserContext.Provider
        value={{...userInfo, onSuccessRegister: onSuccessRegister}}>
        <NavigationContainer ref={navigationRef}>
          <Stack.Navigator initialRouteName="Home">
            <Stack.Screen
              name="Home"
              component={SignInScreen}
              options={{
                headerShown: false,
              }}
            />
            <Stack.Screen
              name="CurrentClassScreen"
              component={HomeScreen}
              options={{headerShown: false}}
            />
          </Stack.Navigator>
          <FlashMessage position="bottom" style={{marginBottom: '5%'}} />
        </NavigationContainer>

        <BannerAd
          size={BannerAdSize.BANNER}
          unitId="ca-app-pub-5607953789101029/2705802773"
          onAdLoaded={() => {}}
          onAdFailedToLoad={() => {}}
        />
      </UserContext.Provider>
    </DidContext.Provider>
  );
}