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.tsx6
1 files changed, 4 insertions, 2 deletions
diff --git a/src/components/onboarding/RegistrationWizard.tsx b/src/components/onboarding/RegistrationWizard.tsx
index 5d7e6ee2..1157455f 100644
--- a/src/components/onboarding/RegistrationWizard.tsx
+++ b/src/components/onboarding/RegistrationWizard.tsx
@@ -2,7 +2,7 @@ import React from 'react';
import {View, StyleSheet, ViewProps} from 'react-native';
interface RegistrationWizardProps extends ViewProps {
- step: 'one' | 'two' | 'three';
+ step: 'one' | 'two' | 'three' | 'four' | 'five';
}
const RegistrationWizard = (props: RegistrationWizardProps) => {
@@ -16,6 +16,8 @@ const RegistrationWizard = (props: RegistrationWizardProps) => {
<View style={props.step === 'two' ? stepActiveStyle : stepStyle} />
<View style={styles.progress} />
<View style={props.step === 'three' ? stepActiveStyle : stepStyle} />
+ <View style={styles.progress} />
+ <View style={props.step === 'four' ? stepActiveStyle : stepStyle} />
</View>
</View>
);
@@ -38,7 +40,7 @@ const styles = StyleSheet.create({
backgroundColor: '#e1f0ff',
},
progress: {
- width: '30%',
+ width: '20%',
height: 2,
backgroundColor: '#e1f0ff',
},