From cdf4816d6f79e1c841318ffd115e64099f2481cd Mon Sep 17 00:00:00 2001
From: Amit Hetawal <amit.hetawal@gmail.com>
Date: Mon, 13 Nov 2017 20:07:42 -0800
Subject: [PATCH] Support for Register

---
 src/Components/LoginScreen.js     | 14 ++++++++++++++
 src/Components/screen2.js         |  2 +-
 src/Navigation/navigationStack.js |  1 +
 src/Reducers/navigationReducer.js | 12 ++++++------
 4 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/src/Components/LoginScreen.js b/src/Components/LoginScreen.js
index 15088f7..d4f5b85 100644
--- a/src/Components/LoginScreen.js
+++ b/src/Components/LoginScreen.js
@@ -2,11 +2,19 @@ import React, { Component } from "react";
 import { connect } from "react-redux";
 import { Text, View, TouchableOpacity, StyleSheet } from "react-native";
 import { login } from "../Actions/actionCreator";
+import { NavigationActions } from "react-navigation";
 
 class LoginScreen extends Component {
   static navigationOptions = {
     title: "Login"
   };
+  navigate = () => {
+    const navigateToRegister = NavigationActions.navigate({
+      routeName: "screen1"
+
+    });
+    this.props.navigation.dispatch(navigateToRegister);
+  };
   render() {
     return (
       <View style={styles.rootContainer}>
@@ -27,6 +35,12 @@ class LoginScreen extends Component {
         >
           <Text style={{ color: "white", fontSize: 22 }}>Login</Text>
         </TouchableOpacity>
+        <TouchableOpacity
+          onPress={this.navigate}
+          style={styles.touchableStyles}
+        >
+          <Text style={{ color: "white", fontSize: 22 }}>Register</Text>
+        </TouchableOpacity>
       </View>
     );
   }
diff --git a/src/Components/screen2.js b/src/Components/screen2.js
index 6aed8cd..f6d969a 100644
--- a/src/Components/screen2.js
+++ b/src/Components/screen2.js
@@ -17,7 +17,7 @@ class LogoutScreen extends Component {
           alignItems: "center"
         }}
       >
-        <Text>{this.props.navigation.state.params.name}</Text>
+        <Text>{'Test'}</Text>
         <TouchableOpacity
           onPress={this.props.logout}
           style={styles.touchableStyles}
diff --git a/src/Navigation/navigationStack.js b/src/Navigation/navigationStack.js
index 4749c94..9450dd4 100644
--- a/src/Navigation/navigationStack.js
+++ b/src/Navigation/navigationStack.js
@@ -27,4 +27,5 @@ const navigator = StackNavigator({
   }
 });
 
+export {Tabs}
 export default navigator;
diff --git a/src/Reducers/navigationReducer.js b/src/Reducers/navigationReducer.js
index 66f9db1..2518eca 100644
--- a/src/Reducers/navigationReducer.js
+++ b/src/Reducers/navigationReducer.js
@@ -1,21 +1,21 @@
 import { NavigationActions } from "react-navigation";
 
-import AppNavigator from "../Navigation/navigationStack";
+import AppNavigator, {Tabs} from "../Navigation/navigationStack";
 import { Login, Logout } from "../Actions/actionTypes";
 
 const ActionForLoggedOut = AppNavigator.router.getActionForPathAndParams(
   "login"
 );
 
-const ActionForLoggedIn = AppNavigator.router.getActionForPathAndParams(
-  "screen1"
+const ActionForLoggedIn = Tabs.router.getActionForPathAndParams(
+  "feed"
 );
 
 const stateForLoggedOut = AppNavigator.router.getStateForAction(
   ActionForLoggedOut
 );
 
-const stateForLoggedIn = AppNavigator.router.getStateForAction(
+const stateForLoggedIn = Tabs.router.getStateForAction(
   ActionForLoggedIn
 );
 
@@ -52,10 +52,10 @@ const navigationReducer = (state = initialState, action) => {
         )
       };
 
-    /* Other logic for logging out, more cleaner but unlike the above isn't telling the reader 
+    /* Other logic for logging out, more cleaner but unlike the above isn't telling the reader
            that navigation is reset, that's why I chose the *reset* one for the article. I prefer
            this one, what about you?
-        
+
         case 'LOGOUT':
             nextState = { ...state, initialStateForLoggedIn, initialStateForLoggedOut}
             break;