Add constants

Author: chnirt

src/constants/index.js

@@ -1 +1,18 @@
-const APP_HOME
+const APP_NAME = {
+  SPLASH: 'Splash',
+  ONBOARDING: 'Onboarding',
+  AUTH: 'Auth',
+  DASHBOARD: 'Dashboard',
+  LOGIN: 'Login',
+  REGISTER: 'Register',
+  FORGOT: 'Forgot',
+  DASHBOARD_TAB: 'DashboardTabNavigator',
+  POST_MODAL: 'PostModal',
+  HOME: 'Home',
+  MESSAGE: 'Message',
+  POST: 'Post',
+  NOTIFICATION: 'Notification',
+  PROFILE: 'Profile',
+};
+
+module.exports = APP_NAME;

src/navigation/AppNavigator.js

@@ -1,6 +1,7 @@
 import React, {useEffect, useState, useContext} from 'react';
 import {createStackNavigator} from '@react-navigation/stack';
 
+import {SPLASH, ONBOARDING, AUTH, DASHBOARD} from '../constants';
 import DrawerNavigator from './DrawerNavigator';
 import AuthStackNavigator from './AuthNavigator';
 import SplashScreen from '../screens/Splash';
@@ -30,19 +31,19 @@ export default function AppStackNavigator() {
 
   return (
     <Stack.Navigator
-      initialRouteName="Splash"
+      initialRouteName={SPLASH}
       headerMode="none"
       screenOptions={{
         animationTypeForReplace: 'push',
       }}>
       {loading ? (
-        <Stack.Screen name="Splash" component={SplashScreen} />
+        <Stack.Screen name={SPLASH} component={SplashScreen} />
       ) : !skip ? (
-        <Stack.Screen name="Onboarding" component={OnBoardingScreen} />
+        <Stack.Screen name={ONBOARDING} component={OnBoardingScreen} />
       ) : !token ? (
-        <Stack.Screen name="Auth" component={AuthStackNavigator} />
+        <Stack.Screen name={AUTH} component={AuthStackNavigator} />
       ) : (
-        <Stack.Screen name="Dashboard" component={DrawerNavigator} />
+        <Stack.Screen name={DASHBOARD} component={DrawerNavigator} />
       )}
     </Stack.Navigator>
   );

src/navigation/AuthNavigator.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import {createStackNavigator} from '@react-navigation/stack';
 
+import {LOGIN, REGISTER, FORGOT} from '../constants';
 import LoginScreen from '../screens/Login';
 import RegisterScreen from '../screens/Register';
 import ForgotScreen from '../screens/Forgot';
@@ -10,25 +11,25 @@ const Stack = createStackNavigator();
 export default function AuthNavigator() {
   return (
     <Stack.Navigator
-      initialRouteName="Login"
+      initialRouteName={LOGIN}
       headerMode="none"
       screenOptions={{
         headerTintColor: 'red',
       }}>
       <Stack.Screen
-        name="Login"
+        name={LOGIN}
         component={LoginScreen}
         options={{
           title: 'Login',
         }}
       />
       <Stack.Screen
-        name="Register"
+        name={REGISTER}
         component={RegisterScreen}
         options={{title: 'Register'}}
       />
       <Stack.Screen
-        name="Forgot"
+        name={FORGOT}
         component={ForgotScreen}
         options={{title: 'Forgot'}}
       />

src/navigation/DashboardNavigator.js

@@ -1,24 +1,21 @@
 import React from 'react';
 import {createStackNavigator} from '@react-navigation/stack';
 // import FontAwesome5Icon from 'react-native-vector-icons/FontAwesome5';
-import {useNavigation} from '@react-navigation/native';
 
+import {DASHBOARD_TAB, POST_MODAL} from '../constants';
 import TabNavigator from './TabNavigator';
 import PostScreen from '../screens/Post';
 
 const Stack = createStackNavigator();
 
-export default function DashboardStackNavigator(props) {
-  const navigation = useNavigation();
-  const {toggleDrawer} = navigation;
-
+export default function DashboardStackNavigator() {
   return (
-    <Stack.Navigator mode="modal">
+    <Stack.Navigator mode="modal" initialRouteName={DASHBOARD_TAB}>
       <Stack.Screen
         options={{
           headerShown: false,
         }}
-        // name="DashboardTabNavigator"
+        name={DASHBOARD_TAB}
         // options={{
         //   title: 'Chnirt',
         //   headerTitleAlign: 'left',
@@ -45,7 +42,7 @@ export default function DashboardStackNavigator(props) {
         component={TabNavigator}
       />
       <Stack.Screen
-        name="PostModal"
+        name={POST_MODAL}
         options={{
           headerShown: false,
         }}

src/navigation/TabNavigator.js

@@ -4,6 +4,7 @@ import {TouchableOpacity} from 'react-native';
 import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
 import {useNavigation} from '@react-navigation/native';
 
+import {HOME, MESSAGE, POST, NOTIFICATION, PROFILE} from '../constants';
 import {primaryColor} from '../theme';
 import HomeScreen from '../screens/Home';
 import MessageScreen from '../screens/Message';
@@ -20,13 +21,13 @@ export default function TabNavigator(props) {
 
   return (
     <Tab.Navigator
-      initialRouteName="Message"
+      initialRouteName={HOME}
       tabBarOptions={{
         activeTintColor: '#161F3D',
         showLabel: false,
       }}>
       <Tab.Screen
-        name="Home"
+        name={HOME}
         options={{
           tabBarIcon: ({color, size}) => (
             <FontAwesome5 name={'home'} color={color} size={size} />
@@ -35,7 +36,7 @@ export default function TabNavigator(props) {
         children={() => <HomeScreen {...props} />}
       />
       <Tab.Screen
-        name="Message"
+        name={MESSAGE}
         options={{
           tabBarIcon: ({color, size}) => (
             <FontAwesome5 name={'comments'} color={color} size={size} />
@@ -44,7 +45,7 @@ export default function TabNavigator(props) {
         children={() => <MessageScreen {...props} />}
       />
       <Tab.Screen
-        name="Post"
+        name={POST}
         options={{
           tabBarIcon: ({color, size}) => (
             // <AddButton />
@@ -73,7 +74,7 @@ export default function TabNavigator(props) {
         }}
       />
       <Tab.Screen
-        name="Notification"
+        name={NOTIFICATION}
         options={{
           tabBarIcon: ({color, size}) => (
             <FontAwesome5 name={'bell'} color={color} size={size} />
@@ -82,7 +83,7 @@ export default function TabNavigator(props) {
         children={() => <NotificationScreen {...props} />}
       />
       <Tab.Screen
-        name="Profile"
+        name={PROFILE}
         options={{
           tabBarIcon: ({color, size}) => (
             <FontAwesome5 name={'user'} color={color} size={size} />

src/screens/Home.js

@@ -122,7 +122,7 @@ export default function HomeScreen() {
   return (
     <View style={styles.container}>
       <View style={styles.header}>
-        <Text style={styles.headerTitle}>Feed</Text>
+        <Text style={styles.headerTitle}>Home</Text>
       </View>
 
       <FlatList