Merge pull request #269 from IvanIFChen/tma656-revamp-onboarding

[TMA-656] Revamp Onboarding

1 files changed, 24 insertions, 27 deletions

diff --git a/src/screens/onboarding/Verification.tsx b/src/screens/onboarding/Verification.tsx
index 0fbe0d91..dda18364 100644
--- a/src/screens/onboarding/Verification.tsx
+++ b/src/screens/onboarding/Verification.tsx
@@ -1,16 +1,14 @@
-import React from 'react';
-
-import {OnboardingStackParams} from '../../routes';
 import {RouteProp} from '@react-navigation/native';
 import {StackNavigationProp} from '@react-navigation/stack';
+import React from 'react';
 import {
-  Background,
-  RegistrationWizard,
-  SubmitButton,
-  ArrowButton,
-  LoadingIndicator,
-} from '../../components';
-
+  Alert,
+  KeyboardAvoidingView,
+  Platform,
+  StyleSheet,
+  TouchableOpacity,
+  View,
+} from 'react-native';
 import {Text} from 'react-native-animatable';
 import {
   CodeField,
@@ -18,22 +16,27 @@ import {
   useBlurOnFulfill,
   useClearByFocusCell,
 } from 'react-native-confirmation-code-field';
-import {
-  StyleSheet,
-  View,
-  TouchableOpacity,
-  KeyboardAvoidingView,
-  Alert,
-  Platform,
-} from 'react-native';
 import {trackPromise} from 'react-promise-tracker';
-import {BackgroundGradientType, VerificationScreenType} from '../../types';
+import {
+  ArrowButton,
+  Background,
+  LoadingIndicator,
+  RegistrationWizard,
+  SubmitButton,
+} from '../../components';
+import {codeRegex} from '../../constants';
+import {
+  ERROR_INVALID_VERIFICATION_CODE_FORMAT,
+  ERROR_SOMETHING_WENT_WRONG,
+} from '../../constants/strings';
+import {OnboardingStackParams} from '../../routes';
 import {
   handlePasswordCodeVerification,
+  handlePasswordResetRequest,
   sendOtp,
   verifyOtp,
-  handlePasswordResetRequest,
 } from '../../services';
+import {BackgroundGradientType, VerificationScreenType} from '../../types';
 
 type VerificationScreenRouteProp = RouteProp<
   OnboardingStackParams,
@@ -48,12 +51,6 @@ interface VerificationProps {
   navigation: VerificationScreenNavigationProp;
 }
 
-import {codeRegex} from '../../constants';
-import {
-  ERROR_INVALID_VERIFICATION_CODE_FORMAT,
-  ERROR_SOMETHING_WENT_WRONG,
-} from '../../constants/strings';
-
 const Verification: React.FC<VerificationProps> = ({route, navigation}) => {
   const [value, setValue] = React.useState('');
   const ref = useBlurOnFulfill({value, cellCount: 6});
@@ -217,7 +214,7 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'flex-start',
     flex: 3,
-    top: '35%',
+    top: '25%',
   },
   formHeader: {
     color: '#fff',