diff options
Diffstat (limited to 'src/components/onboarding')
-rw-r--r-- | src/components/onboarding/RegistrationWizard.tsx | 8 |
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', }, |