App.tsx

import React, { useState } from "react";
import { SafeAreaProvider } from "react-native-safe-area-context";

import useCachedResources from "./hooks/useCachedResources";
import Navigation from "./navigation";

import Login from "./screens/login";
import Register from "./screens/register";
import userConditions from "./screens/userConditions";
import Dashboard from "./screens/dashboard";
import Create from "./screens/create";
import ForgotPasswordFirstScreen from "./screens/forgotPasswordFirstScreen";
import ForgotPasswordSecondScreen from "./screens/forgotPasswordSecondScreen";

import { NavigationContainer } from "@react-navigation/native";
import { createStackNavigator } from "@react-navigation/stack";
import { ENVIRONEMENT } from "./constants/Environement";

import { useFonts } from "expo-font";
import { Font } from "expo";
import GameHandler from "./screens/gameHandler";
import { LoadingPage } from "./components/loadingPage";

const Stack = createStackNavigator();

let customFonts = {
	"Neue Haas Grotesk Display Pro":
		"require('./assets/fonts/NeueHaasDisplayMedium.otf')",
	Orkney: "require('./assets/fonts/orkney-medium.otf')",
};

export default function App() {

	const isLoadingComplete = useCachedResources();

	let InitialRoute = "Dashboard";

	// if (ENVIRONEMENT != "dev") InitialRoute = "Login";
	// else InitialRoute = "Dashboard";

	if (!isLoadingComplete) {
		return <LoadingPage/>;
	} else {
		return (
			<SafeAreaProvider>
				<NavigationContainer>
					<Stack.Navigator
						screenOptions={{
							headerShown: false,
						}}
						initialRouteName={InitialRoute}
					>
						<Stack.Screen name="Login" component={Login} />
						<Stack.Screen name="Register" component={Register} />
						<Stack.Screen name="UserConditions" component={userConditions} />
						
						<Stack.Screen name="ForgotPasswordFirstScreen" component={ForgotPasswordFirstScreen} />
						<Stack.Screen name="ForgotPasswordSecondScreen" component={ForgotPasswordSecondScreen} />

						<Stack.Screen name="Dashboard" component={Dashboard} />
						<Stack.Screen name="Create" component={Create} />
						
						<Stack.Screen name="Game" component={GameHandler} />

					</Stack.Navigator>
				</NavigationContainer>
			</SafeAreaProvider>
		);
	}
}