aboutsummaryrefslogtreecommitdiff
path: root/src/components/onboarding
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/onboarding')
-rw-r--r--src/components/onboarding/RegistrationWizard.tsx8
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',
},