Added error handling screen

Author: auser

app/views/Authentication/Demos/ErrorHandling.js

@@ -0,0 +1,72 @@
+import React from 'react'
+
+import {
+ View,
+ Text,
+ NativeModules
+} from 'react-native'
+
+import env from '../../../../config/environment';
+import { Container, Header, Title, Content, Button } from 'native-base';
+import appStyles from '../../../styles/app';
+
+const ERRORS = {
+ 'badUsernamePassword': 1
+}
+
+export class ErrorHandling extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ lastError: null
+ }
+ }
+
+ componentWillMount() {
+ const {firestack} = this.props;
+ firestack.auth.listenForAuth((user) => {
+ console.log('user -->', user);
+ });
+ }
+
+ 
+ componentWillUnmount() {
+ const {firestack} = this.props;
+ firestack.auth.unlistenForAuth();
+ }
+
+ generateError(key) {
+ const {firestack} = this.props;
+
+ return () => {
+ switch(key) {
+ case ERRORS['badUsernamePassword']:
+ firestack.auth.signInWithEmail('ari@fullstack.io', 'definitely_not_my_password')
+ .then(user => console.log('Success'))
+ .catch(err => {
+ console.log('Error with signInWithEmail', err);
+ this.setState({lastError: err})
+ })
+ break;
+ }
+ }
+ }
+
+ render() {
+ return (
+ <Container> 
+ <Content>
+ <Button
+ onPress={this.generateError(ERRORS['badUsernamePassword'])}>
+ Generate 
+ </Button>
+ </Content>
+ </Container>
+ )
+ }
+
+}
+
+export default ErrorHandling

app/views/Authentication/index.js

@@ -12,6 +12,7 @@ import List from '../../components/List/List'
 import Email from './Demos/Email';
 import Providers from './Demos/Providers';
 import Anonymous from './Demos/Anonymous';
+import ErrorHandling from './Demos/ErrorHandling';
 
 export const Routes = {
  'email': {
@@ -31,6 +32,12 @@ export const Routes = {
  title: 'Anonymous login',
  Component: Anonymous
  }
+ },
+ 'error_handling': {
+ route: {
+ title: 'Error handling',
+ Component: ErrorHandling
+ }
  }
 }