[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, 6 insertions, 2 deletions

diff --git a/src/components/onboarding/RegistrationWizard.tsx b/src/components/onboarding/RegistrationWizard.tsx
index 0094c8af..8d747b01 100644
--- a/src/components/onboarding/RegistrationWizard.tsx
+++ b/src/components/onboarding/RegistrationWizard.tsx
@@ -3,7 +3,7 @@ import {View, StyleSheet, ViewProps, Keyboard} from 'react-native';
 import * as Animatable from 'react-native-animatable';
 
 interface RegistrationWizardProps extends ViewProps {
-  step: 'one' | 'two' | 'three' | 'four' | 'five';
+  step: 'one' | 'two' | 'three' | 'four' | 'five' | 'six';
 }
 
 const RegistrationWizard = (props: RegistrationWizardProps) => {
@@ -41,6 +41,8 @@ const RegistrationWizard = (props: RegistrationWizardProps) => {
             <View style={props.step === 'four' ? stepActiveStyle : stepStyle} />
             <View style={styles.progress} />
             <View style={props.step === 'five' ? stepActiveStyle : stepStyle} />
+            <View style={styles.progress} />
+            <View style={props.step === 'six' ? stepActiveStyle : stepStyle} />
           </View>
         </Animatable.View>
       )}
@@ -58,6 +60,8 @@ const RegistrationWizard = (props: RegistrationWizardProps) => {
             <View style={props.step === 'four' ? stepActiveStyle : stepStyle} />
             <View style={styles.progress} />
             <View style={props.step === 'five' ? stepActiveStyle : stepStyle} />
+            <View style={styles.progress} />
+            <View style={props.step === 'six' ? stepActiveStyle : stepStyle} />
           </View>
         </Animatable.View>
       )}
@@ -82,7 +86,7 @@ const styles = StyleSheet.create({
     backgroundColor: '#e1f0ff',
   },
   progress: {
-    width: '16%',
+    width: '13%',
     height: 2,
     backgroundColor: '#e1f0ff',
   },