aboutsummaryrefslogtreecommitdiff
path: root/src/components/onboarding/RegistrationWizard.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/onboarding/RegistrationWizard.tsx')
-rw-r--r--src/components/onboarding/RegistrationWizard.tsx12
1 files changed, 10 insertions, 2 deletions
diff --git a/src/components/onboarding/RegistrationWizard.tsx b/src/components/onboarding/RegistrationWizard.tsx
index 8d747b01..437e7cfb 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' | 'six';
+ step: 'one' | 'two' | 'three' | 'four' | 'five' | 'six' | 'seven';
}
const RegistrationWizard = (props: RegistrationWizardProps) => {
@@ -43,6 +43,10 @@ const RegistrationWizard = (props: RegistrationWizardProps) => {
<View style={props.step === 'five' ? stepActiveStyle : stepStyle} />
<View style={styles.progress} />
<View style={props.step === 'six' ? stepActiveStyle : stepStyle} />
+ <View style={styles.progress} />
+ <View
+ style={props.step === 'seven' ? stepActiveStyle : stepStyle}
+ />
</View>
</Animatable.View>
)}
@@ -62,6 +66,10 @@ const RegistrationWizard = (props: RegistrationWizardProps) => {
<View style={props.step === 'five' ? stepActiveStyle : stepStyle} />
<View style={styles.progress} />
<View style={props.step === 'six' ? stepActiveStyle : stepStyle} />
+ <View style={styles.progress} />
+ <View
+ style={props.step === 'seven' ? stepActiveStyle : stepStyle}
+ />
</View>
</Animatable.View>
)}
@@ -86,7 +94,7 @@ const styles = StyleSheet.create({
backgroundColor: '#e1f0ff',
},
progress: {
- width: '13%',
+ width: '10%',
height: 2,
backgroundColor: '#e1f0ff',
},