diff options
| author | Ivan Chen <ivan@tagg.id> | 2021-04-15 16:54:01 -0400 |
|---|---|---|
| committer | Ivan Chen <ivan@tagg.id> | 2021-04-15 16:54:01 -0400 |
| commit | 658bf732e05c183d311b62a52be3729c942c9eb9 (patch) | |
| tree | 995d33752ff5454fb3ea70dd847e0bb4ee27cf1d /src/screens/onboarding | |
| parent | bf85e56a4f8e0f16a446ec7df8d7f4eba624c213 (diff) | |
moved update required to component/onboarding
Diffstat (limited to 'src/screens/onboarding')
| -rw-r--r-- | src/screens/onboarding/UpdateRequired.tsx | 84 |
1 files changed, 0 insertions, 84 deletions
diff --git a/src/screens/onboarding/UpdateRequired.tsx b/src/screens/onboarding/UpdateRequired.tsx deleted file mode 100644 index adf7ba71..00000000 --- a/src/screens/onboarding/UpdateRequired.tsx +++ /dev/null @@ -1,84 +0,0 @@ -import React from 'react'; -import {Image, Linking, Modal, StyleSheet, View} from 'react-native'; -import {Text} from 'react-native-animatable'; -import {CenteredView, TaggSquareButton} from '../../components'; -import {normalize, SCREEN_WIDTH} from '../../utils'; - -interface UpdateRequiredProps { - visible: boolean; -} - -const UpdateRequired: React.FC<UpdateRequiredProps> = ({visible}) => { - return ( - <Modal animationType={'slide'} transparent={true} visible={visible}> - <CenteredView> - <View style={styles.contentContainer}> - <Image - style={styles.logo} - source={require('../../assets/images/logo-purple.png')} - /> - <Text style={styles.header}>Update Required</Text> - <Text style={styles.body}> - You have to update your app to continue using Tagg, please download - the latest version from the app store - </Text> - <TaggSquareButton - title={'Update'} - onPress={() => { - Linking.openURL( - 'https://apps.apple.com/us/app/tagg-discover-your-community/id1537853613', - ); - }} - buttonStyle={'normal'} - buttonColor={'purple'} - labelColor={'white'} - labelStyle={styles.button} - /> - </View> - </CenteredView> - </Modal> - ); -}; - -const styles = StyleSheet.create({ - contentContainer: { - marginTop: '20%', - width: SCREEN_WIDTH * 0.9, - backgroundColor: 'white', - borderRadius: 5, - padding: '10%', - alignItems: 'center', - shadowColor: '#000', - shadowOffset: { - width: 0, - height: 2, - }, - shadowOpacity: 0.25, - shadowRadius: 3.84, - elevation: 5, - }, - logo: { - width: normalize(60), - height: normalize(60), - marginBottom: '10%', - }, - header: { - fontSize: normalize(17), - fontWeight: '700', - lineHeight: 20, - marginBottom: '5%', - }, - body: { - fontSize: normalize(13), - color: 'grey', - lineHeight: 20, - textAlign: 'center', - width: SCREEN_WIDTH * 0.8, - marginBottom: '10%', - }, - button: { - fontWeight: '700', - }, -}); - -export default UpdateRequired; |
