1 files changed, 17 insertions, 29 deletions

diff --git a/src/screens/onboarding/PhoneVerification.tsx b/src/screens/onboarding/PhoneVerification.tsx
index 6ec511b3..7d9a04d8 100644
--- a/src/screens/onboarding/PhoneVerification.tsx
+++ b/src/screens/onboarding/PhoneVerification.tsx
@@ -4,7 +4,6 @@ import React, {useMemo} from 'react';
 import {
   Alert,
   KeyboardAvoidingView,
-  Platform,
   StyleSheet,
   TouchableOpacity,
   View,
@@ -16,12 +15,12 @@ import {
   useBlurOnFulfill,
   useClearByFocusCell,
 } from 'react-native-confirmation-code-field';
+import {normalize} from 'react-native-elements';
 import {trackPromise} from 'react-promise-tracker';
 import {
   ArrowButton,
   Background,
   LoadingIndicator,
-  RegistrationWizard,
   SubmitButton,
 } from '../../components';
 import {codeRegex} from '../../constants';
@@ -32,7 +31,7 @@ import {
 import {OnboardingStackParams} from '../../routes';
 import {sendOtp, verifyOtp} from '../../services';
 import {BackgroundGradientType} from '../../types';
-import {SCREEN_HEIGHT} from '../../utils';
+import {HeaderHeight} from '../../utils';
 
 type PhoneVerificationRouteProp = RouteProp<
   OnboardingStackParams,
@@ -67,9 +66,7 @@ const PhoneVerification: React.FC<PhoneVerificationProps> = ({
     try {
       const success = await trackPromise(verifyOtp(phone, value));
       if (success) {
-        navigation.navigate('OnboardingStepTwo', {
-          ...route.params,
-        });
+        navigation.navigate('BasicInfoOnboarding', {isPhoneVerified: true});
       }
     } catch (error) {
       console.log(error);
@@ -79,12 +76,14 @@ const PhoneVerification: React.FC<PhoneVerificationProps> = ({
 
   const footer = useMemo(
     () => (
-      <View style={styles.footer}>
-        <ArrowButton
-          direction="backward"
-          onPress={() => navigation.navigate('OnboardingStepOne')}
-        />
-      </View>
+      <ArrowButton
+        style={styles.backArrow}
+        direction="backward"
+        onboarding={true}
+        onPress={() =>
+          navigation.navigate('BasicInfoOnboarding', {isPhoneVerified: false})
+        }
+      />
     ),
     [],
   );
@@ -94,7 +93,6 @@ const PhoneVerification: React.FC<PhoneVerificationProps> = ({
       centered
       style={styles.container}
       gradientType={BackgroundGradientType.Light}>
-      <RegistrationWizard style={styles.wizard} step="one" />
       <KeyboardAvoidingView behavior="padding" style={styles.form}>
         <Text style={styles.formHeader}>Enter 6 digit code</Text>
         <Text style={styles.description}>
@@ -144,10 +142,6 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
   },
-  wizard: {
-    position: 'absolute',
-    top: SCREEN_HEIGHT * 0.1,
-  },
   form: {
     top: '20%',
     alignItems: 'center',
@@ -208,18 +202,12 @@ const styles = StyleSheet.create({
   loadingIndicator: {
     marginVertical: '5%',
   },
-  footer: {
-    width: '100%',
-    flexDirection: 'row',
-    justifyContent: 'space-around',
-    ...Platform.select({
-      ios: {
-        bottom: '20%',
-      },
-      android: {
-        bottom: '10%',
-      },
-    }),
+  backArrow: {
+    width: normalize(29),
+    height: normalize(25),
+    position: 'absolute',
+    top: HeaderHeight * 1.5,
+    left: 20,
   },
 });
 export default PhoneVerification;