diff options
| author | Ashm Walia <40498934+ashmgarv@users.noreply.github.com> | 2020-10-24 17:53:37 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-10-24 20:53:37 -0400 |
| commit | 44a25bfabd356f5eee5ec4f580452407a7e40246 (patch) | |
| tree | 12fd8aa166049361fc6306b2c427e3201e13856e /src/components/onboarding/RegistrationWizard.tsx | |
| parent | 80a5b47d9fef940604d729ff5c428e16aa4be37a (diff) | |
[TMA 302] Social media linking to login (#71)
* Social media linking to login
* Social media linking to login
Diffstat (limited to 'src/components/onboarding/RegistrationWizard.tsx')
| -rw-r--r-- | src/components/onboarding/RegistrationWizard.tsx | 12 |
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', }, |