aboutsummaryrefslogtreecommitdiff
path: root/src/screens/onboarding/Verification.tsx
diff options
context:
space:
mode:
authorIvan Chen <ivan@tagg.id>2021-02-26 21:16:02 -0500
committerIvan Chen <ivan@tagg.id>2021-02-26 21:16:02 -0500
commit7faeb487da4fac1e57d8d147da1e41cac16bb28d (patch)
tree6e49e419200c670a8de1dd04c67a251acac97a1c /src/screens/onboarding/Verification.tsx
parentbd3e189405e013b847b74fbad66543f6368a4ec8 (diff)
onboarding revamp done!
Diffstat (limited to 'src/screens/onboarding/Verification.tsx')
-rw-r--r--src/screens/onboarding/Verification.tsx51
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',