Added documentation to nacigation screens

navigation/AuthStackScreen.js

@@ -6,6 +6,11 @@ import SignUpScreen from "../screens/SignUpScreen";
 
 const AuthStack = createStackNavigator();
 
+/**
+ * A stack navigator that contains the authentication screens. 
+ * 
+ * @returns the component
+ */
 const AuthStackScreen = () => (
   <AuthStack.Navigator
     screenOptions={{

navigation/ModalStackScreen.js

@@ -17,6 +17,11 @@ import { EditLocationScreen } from "../screens/home/EditLocationScreen";
 
 const ModalStack = createStackNavigator();
 
+/**
+ * A stack navigator which contains all screens that is a modal. It if fairly large, and could be organized in a better way?
+ * 
+ * @returns the component
+ */
 const ModalStackScreen = () => (
   <ModalStack.Navigator
     screenOptions={{

navigation/RootStackScreen.js

@@ -7,6 +7,13 @@ import ModalStackScreen from "./ModalStackScreen";
 
 const RootStack = createStackNavigator();
 
+/**
+ * A stack navigator that contains the three navigator screens TabsScreen, AuthstackScreen and ModalStackScreen.
+ * 
+ * @param {String} usertoken - will display the app screens if there are a usertoken, displays the authstack screens if there are none. 
+ * 
+ * @returns the component
+ */
 const RootStackScreen = ({ userToken }) => (
   <RootStack.Navigator headerMode="none" mode="modal">
     {userToken ? (

navigation/TabsScreen.js

@@ -14,6 +14,12 @@ const HomeStack = createStackNavigator();
 const CameraStack = createStackNavigator();
 const ProfileStack = createStackNavigator();
 
+/**
+ * The TabsScreen consists of three stack navigator screens, home, camera and profile. 
+ * 
+ * @returns the component
+ */
+
 const ProfileStackScreen = () => (
   <ProfileStack.Navigator
     initialRouteName="Profile"