diff --git a/src/pages/workspace/WorkspaceInvitePage.js b/src/pages/workspace/WorkspaceInvitePage.js index 6dabe8a95b94..e0c3d972f485 100644 --- a/src/pages/workspace/WorkspaceInvitePage.js +++ b/src/pages/workspace/WorkspaceInvitePage.js @@ -1,6 +1,8 @@ import React from 'react'; import PropTypes from 'prop-types'; -import {View, ScrollView} from 'react-native'; +import { + View, ScrollView, Pressable, Linking, +} from 'react-native'; import {withOnyx} from 'react-native-onyx'; import Str from 'expensify-common/lib/str'; import _ from 'underscore'; @@ -15,13 +17,16 @@ import Button from '../../components/Button'; import compose from '../../libs/compose'; import ONYXKEYS from '../../ONYXKEYS'; import {invite} from '../../libs/actions/Policy'; -import TextLink from '../../components/TextLink'; import Growl from '../../libs/Growl'; import ExpensiTextInput from '../../components/ExpensiTextInput'; import FixedFooter from '../../components/FixedFooter'; import KeyboardAvoidingView from '../../components/KeyboardAvoidingView'; import {isSystemUser} from '../../libs/userUtils'; import {addSMSDomainIfPhoneNumber} from '../../libs/OptionsListUtils'; +import Icon from '../../components/Icon'; +import {NewWindow} from '../../components/Icon/Expensicons'; +import variables from '../../styles/variables'; +import CONST from '../../CONST'; const propTypes = { ...withLocalizePropTypes, @@ -147,9 +152,37 @@ class WorkspaceInvitePage extends React.Component { placeholder={this.getWelcomeNotePlaceholder()} onChangeText={text => this.setState({welcomeNote: text})} /> - - {this.props.translate('common.privacy')} - + + { + e.preventDefault(); + Linking.openURL(CONST.PRIVACY_URL); + }} + accessibilityRole="link" + href={CONST.PRIVACY_URL} + > + {({hovered, pressed}) => ( + + + {this.props.translate('common.privacyPolicy')} + + + + + + )} + + diff --git a/src/styles/styles.js b/src/styles/styles.js index 6c263bdbd6cd..7fb18a9dec8a 100644 --- a/src/styles/styles.js +++ b/src/styles/styles.js @@ -50,6 +50,16 @@ const styles = { color: themeColors.linkHover, }, + linkMuted: { + color: themeColors.textSupporting, + textDecorationColor: themeColors.textSupporting, + fontFamily: fontFamily.GTA, + }, + + linkMutedHovered: { + color: themeColors.textMutedReversed, + }, + h1: { color: themeColors.heading, fontFamily: fontFamily.GTA_BOLD,