From 854a7d8f8526e8142c416ec41682468e87bcbbd2 Mon Sep 17 00:00:00 2001
From: Ashm Walia <40498934+ashmgarv@users.noreply.github.com>
Date: Tue, 13 Oct 2020 10:24:59 -0700
Subject: [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
---
 src/components/onboarding/RegistrationWizard.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

(limited to 'src/components/onboarding')

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',
   },
-- 
cgit v1.2.3-70-g09d2