diff --git a/native/account/registration/registration-terms.react.js b/native/account/registration/registration-terms.react.js --- a/native/account/registration/registration-terms.react.js +++ b/native/account/registration/registration-terms.react.js @@ -2,7 +2,7 @@ import invariant from 'invariant'; import * as React from 'react'; -import { Text } from 'react-native'; +import { Text, View, Image, Linking } from 'react-native'; import RegistrationButtonContainer from './registration-button-container.react.js'; import RegistrationButton from './registration-button.react.js'; @@ -15,6 +15,7 @@ AccountSelection, AvatarData, } from './registration-types.js'; +import commSwooshSource from '../../img/comm-swoosh.png'; import type { NavigationRoute } from '../../navigation/route-names.js'; import { useStyles } from '../../themes/colors.js'; @@ -27,6 +28,14 @@ }, }; +const onTermsOfUsePressed = () => { + Linking.openURL('https://comm.app/terms'); +}; + +const onPrivacyPolicyPressed = () => { + Linking.openURL('https://comm.app/privacy'); +}; + type Props = { +navigation: RegistrationNavigationProp<'RegistrationTerms'>, +route: NavigationRoute<'RegistrationTerms'>, @@ -50,10 +59,31 @@ }, [register, userSelections]); const styles = useStyles(unboundStyles); + + /* eslint-disable react-native/no-raw-text */ + const termsNotice = ( + + By registering, you are agreeing to our{' '} + + Terms of Use + + {' and '} + + Privacy Policy + + . + + ); + /* eslint-enable react-native/no-raw-text */ + return ( - + Finish registration + {termsNotice} + + +