[TMA - 238] Added invitation code verification screen as the first onboarding screen (#46)

* Added invitation code verification screen as the first onboarding screen

* Changed screen order on some screens and a quick check on back navigation

1 files changed, 3 insertions, 15 deletions

diff --git a/src/screens/onboarding/RegistrationThree.tsx b/src/screens/onboarding/RegistrationThree.tsx
index 5b8f52b3..babb0334 100644
--- a/src/screens/onboarding/RegistrationThree.tsx
+++ b/src/screens/onboarding/RegistrationThree.tsx
@@ -17,7 +17,6 @@ import {
   KeyboardAvoidingView,
   ActivityIndicator,
 } from 'react-native';
-import {usePromiseTracker} from 'react-promise-tracker';
 
 import {OnboardingStackParams} from '../../routes';
 import {
@@ -26,6 +25,7 @@ import {
   TaggInput,
   TermsConditions,
   Background,
+  LoadingIndicator,
 } from '../../components';
 import {passwordRegex, usernameRegex, REGISTER_ENDPOINT} from '../../constants';
 import AsyncStorage from '@react-native-community/async-storage';
@@ -214,7 +214,7 @@ const RegistrationThree: React.FC<RegistrationThreeProps> = ({
     <View style={styles.footer}>
       <ArrowButton
         direction="backward"
-        onPress={() => navigation.navigate('RegistrationOne')}
+        onPress={() => navigation.navigate('RegistrationTwo', {email: email})}
       />
       <TouchableOpacity onPress={handleRegister}>
         <ArrowButton
@@ -233,22 +233,10 @@ const RegistrationThree: React.FC<RegistrationThreeProps> = ({
     </View>
   );
 
-  /**
-   * An activity indicator to indicate that the app is working during the send_otp request.
-   */
-  const LoadingIndicator = () => {
-    const {promiseInProgress} = usePromiseTracker();
-    return promiseInProgress ? (
-      <ActivityIndicator style={styles.load} size="large" color="#fff" />
-    ) : (
-      <></>
-    );
-  };
-
   return (
     <Background style={styles.container}>
       <StatusBar barStyle="light-content" />
-      <RegistrationWizard style={styles.wizard} step="four" />
+      <RegistrationWizard style={styles.wizard} step="five" />
       <KeyboardAvoidingView
         behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
         style={styles.container}>