Merge pull request #34 from urbantumbleweed/mobile-navigation

Mobile navigation

.gitignore

@@ -28,3 +28,4 @@ node_modules/
 bower_components/
 
 keys.sh
+Client/ios/Lantern.xcodeproj/project.pbxproj

Client/Src/Facebook/Login.js → Client/Src/Facebook/Login-button.js

@@ -16,6 +16,14 @@ var {
 } = FBSDKCore;
 
 var Login = React.createClass({
+  componentDidMount: function() {
+    FBSDKAccessToken.getCurrentAccessToken((result) => {
+      if (result) {
+        this.props.navigator.push({name: 'home'});
+      }
+    })
+  },
+
   render: function() {
     return (
       <View style={this.props.style}>
@@ -40,14 +48,13 @@ var Login = React.createClass({
               if (result.isCancelled) {
                 alert('Login cancelled.');
               } else {
-                alert('Logged in.');
-                console.log('logging result',result);
+                this.props.navigator.push({ name: 'home'})
               }
             }
           {/*calling function again to get acess token after log in*/}
           FBSDKAccessToken.getCurrentAccessToken((data) => {
-            console.log('data',data);
-          });
+              console.log('data',data);
+            });
           }
         }
 

Client/Src/Facebook/Signin.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var React = require('react-native');
+var {
+  StyleSheet,
+  Text,
+  View,
+} = React;
+
+var Login = require('./Login-button');
+
+/**
+ * A sample app that demonstrates use of the FBSDK login button, native share dialog, and graph requests.
+ */
+var Signin = React.createClass({
+  render: function() {
+    return (
+      <View style={styles.container} >
+        <Text style={styles.text} >We dont need no stinking image background yet!!</Text>
+        <Login navigator={this.props.navigator} style={styles.loginContainer}/>
+      </View>
+    );
+  }
+});
+
+// importing styles
+var styles = StyleSheet.create(require('../styles.js'));
+
+module.exports = Signin;

Client/Src/Home/Home.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var React = require('react-native');
+var {
+  StyleSheet,
+  Text,
+  View,
+} = React;
+
+/**
+ * A sample app that demonstrates use of the FBSDK login button, native share dialog, and graph requests.
+ */
+var Home = React.createClass({
+  render: function() {
+    return (
+      <View style={styles.container} >
+        <Text style={styles.text} > let me do it as it would be on the home screen</Text>
+      </View>
+    );
+  }
+});
+
+// importing styles
+var styles = StyleSheet.create(require('../styles.js'));
+
+module.exports = Home;

Client/Src/main.js

@@ -1,27 +1,34 @@
 var React = require('react-native');
 var {
-  AppRegistry,
   StyleSheet,
-  Text,
-  View,
-  Image,
+  Navigator
 } = React;
 
-var Login = require('./Facebook/Login');
+var Signin = require('./Facebook/Signin');
+var Home = require('./Home/Home');
+
+var ROUTES = {
+  signin: Signin,
+  home: Home
+};
 
 /**
  * A sample app that demonstrates use of the FBSDK login button, native share dialog, and graph requests.
  */
 var Main = React.createClass({
+  renderScene: function(route, navigator){
+    var Component = ROUTES[route.name];
+    return <Component route={route} navigator={navigator}/>;
+  },
   render: function() {
     return (
-      <View style={styles.container}>
-          <View style={styles.textContainer}>
-            <Text style={styles.text}>We dont need no stinking image background yet!!</Text>
-          </View>
-          {/*this is the log in button*/}
-          <Login style={styles.loginContainer}/>
-      </View>
+      <Navigator
+        style={styles.navigator}
+        initialRoute={{name: 'signin'}}
+        renderScene={this.renderScene}
+        configureScene={() => {
+          return Navigator.SceneConfigs.FloatFromRight; }}
+      />
     );
   }
 });

Client/Src/styles.js

@@ -1,5 +1,3 @@
-
-
 'use strict';
 
 module.exports = {
@@ -9,6 +7,10 @@ module.exports = {
     alignItems: 'center',
   },
 
+  navigator: {
+    flex: 1
+  },
+
   textContainer: {
     alignItems: 'center',
     justifyContent: 'center',
@@ -28,6 +30,7 @@ module.exports = {
     shadowColor: '#000000',
     shadowOpacity: 1,
     shadowOffset: {width: 0, height: 0},
+    borderRadius: 10
   },
 
   text: {

Client/index.ios.js

@@ -2,11 +2,7 @@
 
 var React = require('react-native');
 var {
-  AppRegistry,
-  StyleSheet,
-  Text,
-  View,
-  Image,
+  AppRegistry
 } = React;
 
 var Main = require('./Src/main');

Client/ios/Lantern.xcodeproj/project.pbxproj

@@ -436,7 +436,7 @@
 						TestTargetID = 13B07F861A680F5B00A75B9A;
 					};
 					13B07F861A680F5B00A75B9A = {
-						DevelopmentTeam = P6SKWH9N8E;
+						DevelopmentTeam = EGN2S7YVJH;
 						SystemCapabilities = {
 							com.apple.Maps.iOS = {
 								enabled = 1;