App.js

import React from 'react';
import * as firebase from 'firebase';
import * as Font from 'expo-font';
import { SafeAreaView, Text, AsyncStorage } from 'react-native';
import { createAppContainer } from 'react-navigation';
import { Notifications } from 'expo';
import * as Permissions from 'expo-permissions';
import * as Constants from 'expo-constants';
import * as BackgroundFetch from "expo-background-fetch";
import * as TaskManager from "expo-task-manager";
import { createStackNavigator } from 'react-navigation-stack';

import Buildings from './views/Buildings/view';
import Welcome from './views/Welcome/view';
import Login from './views/Login/view';
import DayNight from './views/DayNight/view';
import Subscription from './views/Subscription/view';
import SetMonday from './views/SetMonday/view';
import SetTuesday from './views/SetTuesday/view';
import FinalSetup from './views/FinalSetup/view';
import Home from './views/Home/view';
import Schedule from './views/Schedule/view';
import Settings from './views/Settings/view';
import Articles from './views/Articles/view';
import TabBarNavigator from './views/TabBarNavigator/view';
import Transitions from './assets/Transitions';
import Data from './Data';

const firebaseConfig = {
    apiKey: "AIzaSyCkMVXbgG-8l_vPXo5EoHDw3lB2HXKm4Y4",
    authDomain: "uts-portal-293.firebaseapp.com",
    databaseURL: "https://uts-portal-293.firebaseio.com",
    projectId: "uts-portal-293",
    storageBucket: "uts-portal-293.appspot.com",
    messagingSenderId: "367766824243",
};

firebase.initializeApp(firebaseConfig);

//background fetch
BackgroundFetch.setMinimumIntervalAsync(1);
const taskname = "updateDataNotif";
TaskManager.defineTask(taskname, async () => {
    await Data.updateAll();
    await Data.scheduleNotifications();
    console.warn("fetch successful");
    return BackgroundFetch.Result.NewData;
});

const handleTransitions = ({scenes}) => {
    const next = scenes[scenes.length - 1].route.routeName;

    switch(next)
    {
        case 'Welcome':         return Transitions.fadeIn(1000);
        case 'Login':           return Transitions.fadeOut(1000);
        case 'DayNight':        return Transitions.fromRight(300);
        case 'Subscriptions':   return Transitions.fromRight(500);
        case 'SetMonday':       return Transitions.fromRight(500);
        case 'SetTuesday':      return Transitions.fromRight(500);
        case 'FinalSetup':      return Transitions.fromRight(500);
        case 'Home':            return Transitions.fadeIn(200);
        default:                return Transitions.fadeIn(300);
    }
}

const gNavigator = createStackNavigator({
    Buildings,
    Welcome,
    Login,
    DayNight,
    Subscription,
    SetMonday,
    SetTuesday,
    FinalSetup,
    TabBarNavigator,
},
{
    initialRouteName: 'Buildings',
    headerMode: 'none',
    navigationOptions: {
        gesturesEnabled: false,
        swipeEnabled: false,
    },
    transitionConfig: (nav) => handleTransitions(nav)
});

const GlobalContainer = createAppContainer(gNavigator);

class App extends React.Component
{
    constructor()
    {
        super();
        this.state = {
            firstTime: null,
            notification: {}
        }
    }

    async registerBackgroundTask () 
    {
        await BackgroundFetch.registerTaskAsync(taskname);
    }

    //copy pasted
    async registerForPushNotificationsAsync ()
    {
        // let result = await Permissions.askAsync(Permissions.NOTIFICATIONS);

        // if (Constants.isDevice && result.status === 'granted') {
        //     console.log('Notification permissions granted.')
        // }
        if (Constants.isDevice) 
        {
            const { status: existingStatus } = await Permissions.getAsync(
                Permissions.NOTIFICATIONS
            );
            let finalStatus = existingStatus;
            if (existingStatus !== 'granted') 
            {
                const { status } = await Permissions.askAsync(
                    Permissions.NOTIFICATIONS
                );
                finalStatus = status;
            }
            if (finalStatus !== 'granted') 
            {
                alert('Failed to get push token for push notification!');
                return;
            }
            let token = await Notifications.getExpoPushTokenAsync();
            console.log(token);
        } 
        else 
        {
            alert('Must use physical device for Push Notifications');
        }
        Notifications.addListener (this.handleNotifications);
        Data.scheduleNotifications();
    };

    handleNotifications ()
    {
        console.warn ("notification received");
    }
    async componentDidMount()
    {
        Promise.all([
            Data.setDefaults(),
            this.registerBackgroundTask(),
            Data.updateAll(),
            this.registerForPushNotificationsAsync(),
            Font.loadAsync({
                'gilroy': require('./assets/fonts/gilroy.ttf'),
                'gilroy-bold': require('./assets/fonts/gilroy-bold.ttf'),
                'montserrat': require('./assets/fonts/Montserrat.ttf'),
                'montserrat-bold': require('./assets/fonts/Montserrat-Bold.ttf')
            })
        ]).then(() => this.setState({firstTime: true}))
        //Notifications
    }

    render()
    {
        if (this.state.firstTime == null)
            return (<Text>{null}</Text>);
        return (
            <GlobalContainer/>
        );
    }
}

export default App;