diff options
author | Ivan Chen <ivan@tagg.id> | 2021-04-15 16:56:59 -0400 |
---|---|---|
committer | Ivan Chen <ivan@tagg.id> | 2021-04-15 16:56:59 -0400 |
commit | fd72bd92b64a13bccd2cfbd944de078690b0d134 (patch) | |
tree | 925988d41945ff7160e1a36e551794bd2421c12a /src/screens/onboarding/Checkpoint.tsx | |
parent | 6352704e91f33442a4e016efefcf3e8ef92fa9bb (diff) |
moved unused files to legacy
Diffstat (limited to 'src/screens/onboarding/Checkpoint.tsx')
-rw-r--r-- | src/screens/onboarding/Checkpoint.tsx | 143 |
1 files changed, 0 insertions, 143 deletions
diff --git a/src/screens/onboarding/Checkpoint.tsx b/src/screens/onboarding/Checkpoint.tsx deleted file mode 100644 index b0b42203..00000000 --- a/src/screens/onboarding/Checkpoint.tsx +++ /dev/null @@ -1,143 +0,0 @@ -import React from 'react'; -import {RouteProp} from '@react-navigation/native'; -import {StackNavigationProp} from '@react-navigation/stack'; -import { - View, - Text, - StyleSheet, - StatusBar, - Platform, - TouchableOpacity, -} from 'react-native'; - -import {OnboardingStackParams} from '../../routes'; -import {RegistrationWizard, Background} from '../../components'; -import {BackgroundGradientType} from '../../types'; - -type CheckpointRouteProp = RouteProp<OnboardingStackParams, 'Checkpoint'>; -type CheckpointNavigationProp = StackNavigationProp< - OnboardingStackParams, - 'Checkpoint' ->; -interface CheckpointProps { - route: CheckpointRouteProp; - navigation: CheckpointNavigationProp; -} -/** - * Checkpoint to ask user if profile setup should be done - * @param navigation react-navigation navigation object - */ -const Checkpoint: React.FC<CheckpointProps> = ({route, navigation}) => { - const {userId, username} = route.params; - - const handleSkip = () => { - navigation.navigate('SocialMedia', { - userId: userId, - username: username, - }); - }; - - const handleProceed = () => { - navigation.navigate('ProfileOnboarding', { - userId: userId, - username: username, - }); - }; - - return ( - <Background - style={styles.container} - gradientType={BackgroundGradientType.Light}> - <StatusBar barStyle="light-content" /> - <RegistrationWizard style={styles.wizard} step="six" /> - <View style={styles.textContainer}> - <Text style={styles.header}>You are registered!</Text> - <Text style={styles.subtext}> - We're almost there. Would you like to setup your profile now? - </Text> - <View style={styles.buttonContainer}> - <TouchableOpacity onPress={handleSkip} style={styles.skipButton}> - <Text style={styles.skipButtonLabel}>Do it later</Text> - </TouchableOpacity> - <TouchableOpacity - onPress={handleProceed} - style={styles.proceedButton}> - <Text style={styles.proceedButtonLabel}>Let's do it!</Text> - </TouchableOpacity> - </View> - </View> - </Background> - ); -}; - -const styles = StyleSheet.create({ - container: { - flex: 1, - alignItems: 'center', - }, - textContainer: { - marginTop: '65%', - }, - - buttonContainer: { - flexDirection: 'row', - justifyContent: 'space-evenly', - }, - wizard: { - ...Platform.select({ - ios: { - top: 50, - }, - android: { - bottom: 40, - }, - }), - }, - header: { - color: '#fff', - fontSize: 22, - fontWeight: '600', - textAlign: 'center', - marginBottom: '4%', - marginHorizontal: '10%', - }, - subtext: { - color: '#fff', - fontSize: 14, - fontWeight: '600', - textAlign: 'center', - marginBottom: '16%', - marginHorizontal: '10%', - }, - proceedButton: { - backgroundColor: '#8F01FF', - justifyContent: 'center', - alignItems: 'center', - width: 150, - height: 40, - borderRadius: 5, - marginTop: '5%', - }, - proceedButtonLabel: { - fontSize: 16, - fontWeight: '500', - color: '#fff', - }, - skipButton: { - justifyContent: 'center', - alignItems: 'center', - width: 150, - height: 40, - borderRadius: 5, - borderWidth: 1, - borderColor: '#ddd', - marginTop: '5%', - }, - skipButtonLabel: { - fontSize: 16, - fontWeight: '500', - color: '#ddd', - }, -}); - -export default Checkpoint; |