fix(login): make welcome screen able to login

Author: chinesedfan

src/auth/screens/welcome.screen.js

@@ -1,17 +1,31 @@
+/* eslint-disable no-shadow */
 import React, { Component } from 'react';
 import styled from 'styled-components';
+import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import { ActivityIndicator } from 'react-native';
+import CookieManager from 'react-native-cookies';
 
+import { auth, getUser } from 'auth';
 import { ViewContainer } from 'components';
 import { colors, fonts, normalize } from 'config';
-import { t } from 'utils';
+import { t, resetNavigationTo } from 'utils';
 
 const mapStateToProps = state => ({
   locale: state.auth.locale,
   isLoggingIn: state.auth.isLoggingIn,
+  isAuthenticated: state.auth.isAuthenticated,
 });
 
+const mapDispatchToProps = dispatch =>
+  bindActionCreators(
+    {
+      auth,
+      getUser,
+    },
+    dispatch
+  );
+
 const Container = styled.View`
   flex: 1;
   justify-content: center;
@@ -30,8 +44,30 @@ class Welcome extends Component {
   props: {
     locale: string,
     isLoggingIn: boolean,
+    isAuthenticated: boolean,
+    auth: Function,
+    getUser: Function,
+    navigation: Object,
   };
 
+  componentDidMount() {
+    const { isAuthenticated, navigation, auth, getUser } = this.props;
+    const { code, state } = navigation.state.params;
+
+    if (isAuthenticated) {
+      resetNavigationTo('Main', navigation);
+    } else {
+      CookieManager.clearAll().then(() => {
+        auth(code, state).then(() => {
+          getUser().then(() => {
+            console.log('resetNavigationTo Main');
+            resetNavigationTo('Main', navigation);
+          });
+        });
+      });
+    }
+  }
+
   render() {
     const { locale, isLoggingIn } = this.props;
 
@@ -46,4 +82,4 @@ class Welcome extends Component {
   }
 }
 
-export const WelcomeScreen = connect(mapStateToProps)(Welcome);
+export const WelcomeScreen = connect(mapStateToProps, mapDispatchToProps)(Welcome);