[TMA-402] New and beautiful splashscreen (#135)

* Some changes

* Some more changes

* Final touch

3 files changed, 9 insertions, 4 deletions

diff --git a/src/routes/Routes.tsx b/src/routes/Routes.tsx
index e54f038d..cb45ead6 100644
--- a/src/routes/Routes.tsx
+++ b/src/routes/Routes.tsx
@@ -4,6 +4,7 @@ import Onboarding from './onboarding';
 import {useSelector, useDispatch} from 'react-redux';
 import {RootState} from '../store/rootReducer';
 import {userLogin} from '../utils';
+import SplashScreen from 'react-native-splash-screen';
 
 const Routes: React.FC = () => {
   const {
@@ -18,9 +19,16 @@ const Routes: React.FC = () => {
    * Suggestions?
    * NOTE : Not something introduced by this commit but something we already have.
    */
+
+  /**
+   * SplashScreen is the actual react-native's splash screen.
+   * We can hide / show it depending on our application needs.
+   */
   useEffect(() => {
     if (!userId) {
       userLogin(dispatch, {userId: '', username: ''});
+    } else {
+      SplashScreen.hide();
     }
   }, [userId, userLogin]);
 
diff --git a/src/routes/onboarding/Onboarding.tsx b/src/routes/onboarding/Onboarding.tsx
index 138fb3ed..4ebc281c 100644
--- a/src/routes/onboarding/Onboarding.tsx
+++ b/src/routes/onboarding/Onboarding.tsx
@@ -9,7 +9,6 @@ import {
   Verification,
   ProfileOnboarding,
   Checkpoint,
-  Splash,
   SocialMedia,
 } from '../../screens';
 import {StackCardInterpolationProps} from '@react-navigation/stack';
@@ -23,9 +22,8 @@ const forFade = ({current}: StackCardInterpolationProps) => ({
 const Onboarding: React.FC = () => {
   return (
     <OnboardingStack.Navigator
-      initialRouteName="Splash"
+      initialRouteName="Login"
       screenOptions={{headerShown: false}}>
-      <OnboardingStack.Screen name="Splash" component={Splash} />
       <OnboardingStack.Screen
         name="Login"
         component={Login}
diff --git a/src/routes/onboarding/OnboardingStack.tsx b/src/routes/onboarding/OnboardingStack.tsx
index d40e0728..ccf9be47 100644
--- a/src/routes/onboarding/OnboardingStack.tsx
+++ b/src/routes/onboarding/OnboardingStack.tsx
@@ -1,7 +1,6 @@
 import {createStackNavigator} from '@react-navigation/stack';
 
 export type OnboardingStackParams = {
-  Splash: undefined;
   Login: undefined;
   InvitationCodeVerification: undefined;
   RegistrationOne: undefined;