index.android.js

'use strict';

import React, { Component } from 'react';
import {
  AppRegistry,
  AsyncStorage,
  Dimensions,
  Text,
  View,
} from 'react-native';

import Api              from './lib/api';
import CaptionScene     from './components/captionScene';
import CaptionsScene    from './components/captionsScene';
import SubmissionsScene from './components/submissionsScene';
import SubmissionScene  from './components/submissionScene';
import NoScene          from './components/noScene';
import KilledScene      from './components/killedScene';
import TermsScene       from './components/termsScene';
import CurrentUser      from './lib/currentUser';
import Scratch          from './components/scratch';

import FCM from 'react-native-fcm';

class RootNav extends Component {
  constructor(props) {
    super(props);
    this.state = { props: {}};
    this.state.scene = 'CaptionScene';

    this.navigator = {
      navigate: (component, props) => {
        let stateChange = { scene: component, props: props || {} };
        if( props && props.clearTerms ) { stateChange.needsTerms = false; }
        this.setState(stateChange);
      }
    }
  }

  componentDidMount() {
    FCM.getFCMToken().then(token => {
      token && Api.pushTokens.registerAndroid(token);
    });
    FCM.on('refreshToken', (token) => {
      token && Api.pushTokens.registerAndroid(token);
    })
    FCM.subscribeToTopic('/topics/all');

    Api.killSwitch().then(kill => {
      if( !kill ) return;
      this.setState({
        killed: true,
      })
    }).catch(err => {
      // swallow error on kill switch
      console.log(err);
    })

    CurrentUser.hasAcceptedTerms().then(yes => {
      if( yes ) return;
      this.setState({
        needsTerms: true,
      })
    }).catch(err => {
      // swallow error on accepting terms
      console.log(err);
    })
  }

  render() {
    // return <Scratch />

    return (
      <View style={{flex: 1}}>
        { this.state.killed ?
          <KilledScene />
        : this.state.needsTerms ?
          <TermsScene {...this.state.props} navigator={this.navigator}/>
        : this.state.scene == 'CaptionScene' ?
          <CaptionScene {...this.state.props} navigator={this.navigator}/>
        : this.state.scene == 'CaptionsScene' ?
          <CaptionsScene {...this.state.props} navigator={this.navigator}/>
        : this.state.scene == 'SubmissionsScene' ?
          <SubmissionsScene {...this.state.props} navigator={this.navigator}/>
        : this.state.scene == 'SubmissionScene' ?
          <SubmissionScene {...this.state.props} navigator={this.navigator}/>
        :
          <NoScene />
        }
      </View>
    )
  }
}

AppRegistry.registerComponent('giggles', () => RootNav);