[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/RegistrationOne.tsx b/src/screens/onboarding/RegistrationOne.tsx
index 9e9cabf5..12643d69 100644
--- a/src/screens/onboarding/RegistrationOne.tsx
+++ b/src/screens/onboarding/RegistrationOne.tsx
@@ -10,7 +10,6 @@ import {
   Platform,
   TouchableOpacity,
   KeyboardAvoidingView,
-  ActivityIndicator,
 } from 'react-native';
 
 import {OnboardingStackParams} from '../../routes';
@@ -20,9 +19,10 @@ import {
   RegistrationWizard,
   TaggInput,
   Background,
+  LoadingIndicator,
 } from '../../components';
 
-import {usePromiseTracker, trackPromise} from 'react-promise-tracker';
+import {trackPromise} from 'react-promise-tracker';
 
 import {SEND_OTP_ENDPOINT} from '../../constants';
 
@@ -134,22 +134,10 @@ const RegistrationOne: React.FC<RegistrationOneProps> = ({navigation}) => {
     </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="one" />
+      <RegistrationWizard style={styles.wizard} step="two" />
       <KeyboardAvoidingView
         behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
         style={styles.container}>