index.android.js

import React from 'react';
import {
  AppRegistry,
  AsyncStorage,
  Dimensions,
  StyleSheet,
  Image,
  View
} from 'react-native';
import _ from 'lodash';
import Favorites from './android/components/Favorites';
import HomeScreen from './android/components/Home';
import Shopping from './android/components/ShoppingList';
import BarcodeScanner from './android/components/BarcodeScanner';
import GreenLight from './android/components/GreenLight';
import Profile from './android/components/Profile';
import { TabNavigator, StackNavigator } from 'react-navigation';
import Auth0 from 'react-native-auth0';
import Key from './config/AuthKey';
var Auth0Lock = require('react-native-lock');
const auth0 = new Auth0(Key);
const lock = new Auth0Lock(Key);
const server = 'http://ec2-13-59-228-147.us-east-2.compute.amazonaws.com:8080/';

class ProductGuardian extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      userData: {}
    };
  }

  render() {
    return (
      <App screenProps={this.state.userData}/>
    );
  }

  _checkUserSignedIn(callback){
    let keys = ['user', 'token'];
    AsyncStorage.multiGet(keys)
    .then((values) => {
      callback(values);
    })
    .catch((error) => {
      console.log(error);
    });
  }

  componentWillMount() {
    this._checkUserSignedIn((userLoginInfo) => {
      console.log(userLoginInfo);
      //If there's no userId set or no token for the user
      if (userLoginInfo[0][1] === null || userLoginInfo[1][1] === null) {
        lock.show({}, (err, profile, token) => {
          console.log('profile ', profile);
          console.log('token ', token);
          fetch(server + 'login', {
            method: 'POST',
            headers: {
              'Accept': 'application/json',
              'Content-Type': 'application/json'
            },
            body: JSON.stringify({
              user_id: profile.userId
            })
          }).then((response) => {
            response.json().then((userData) => {
              if (!userData) /*if the user id was not found in our database */{
                fetch(server + 'signup', {
                  method: 'POST',
                  headers: {
                    'Accept': 'application/json',
                    'Content-Type': 'application/json'
                  },
                  body: JSON.stringify({
                    user_id: profile.userId,
                    first_name: profile.given_name,
                    last_name: profile.family_name,
                    email: profile.email,
                    avatar: profile.picture,
                  })
                }).then((newUser) => {
                    newUser.json().then((userData) => {
                      console.log('new user data ', userData);
                      this.setState({userData: userData});
                      AsyncStorage.multiSet([['user', userData.user_id], ['token', token.accessToken]])
                      .then(() => {
                        console.log('tokens set');
                      })
                      .catch((err) => {
                        console.log(err);
                      });
                    }).catch((err) => {
                      console.log(err);
                    });
                });
              } else /*if the user was found in our database */{
                console.log('existing user data ', userData);
                this.setState({userData: userData});
                AsyncStorage.multiSet([['user', userData.user_id], ['token', token.accessToken]])
                .then(() => {
                  console.log('tokens set');
                })
                .catch((err) => {
                  console.log(err);
                });
              }
            });
          }).catch((err) => {
            console.log(err);
          });
        });
      } else /*If the user had a token saved in AsyncStorage already, send them into the app */{
        fetch(server + 'login', {
          method: 'POST',
          headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json'
          },
          body: JSON.stringify({
            user_id: userLoginInfo[0][1]
          })
        }).then((response) => {
          response.json().then((userData) => {
            console.log('existing user data ', userData);
            this.setState({userData: userData});
          });
        }).catch((err) => {
          console.log(err);
        });
      }
    });
  }
}

const SubScreens = TabNavigator({
  Home: {
    screen: HomeScreen,
    navigationOptions: {
      tabBarLabel: 'Home',
      tabBarIcon: ({ tintColor }) => (
      <Image source={require('./android/app/src/home_icon.png')}
        style={styles.icon}
      />
    )}
  },
  Camera: {
    screen: BarcodeScanner,
    navigationOptions: {
      tabBarLabel: 'Scan',
      tabBarIcon: ({ tintColor }) => (
      <Image source={require('./android/app/src/barcode_scanner.png')}
        style={styles.icon}
      />
    )}
  },
}, {
  tabBarPosition: 'bottom',
  tabBarOptions: {
    style: {
      backgroundColor: '#339966',
      padding: 0,
    },
    showIcon: true,
    showLabel: false,
    tabStyle: {
      padding: 5,
      height: 60,
      width: Dimensions.get('window').width/2
    }
  },
});

const App = StackNavigator({
  SubScreens: {
    screen: SubScreens,
  },
  Profile: {
    screen: Profile,
    navigationOptions: {
      title: 'Profile',
    }
  },
  Favorites: {
    screen: Favorites,
    navigationOptions: {
      title: 'Favorites',
    }
  },
  Shopping: {
    screen: Shopping,
    navigationOptions: {
      title: 'Shopping',
    }
  },
  GreenLight: {
    screen: GreenLight,
    navigationOptions: {
      title: 'GreenLight'
    }
  }
}, {
  headerMode: 'none',
  mode: 'modal'
});


const styles = StyleSheet.create({
  icon: {
    height: 25,
    width: 25,
  }
});

AppRegistry.registerComponent('ProductGuardian', () => ProductGuardian);