diff --git a/src/components/Onboarding/steps/Analytics.js b/src/components/Onboarding/steps/Analytics.js index c3f35e0f..6e1a01d0 100644 --- a/src/components/Onboarding/steps/Analytics.js +++ b/src/components/Onboarding/steps/Analytics.js @@ -7,10 +7,13 @@ import { saveSettings } from 'actions/settings' import Box from 'components/base/Box' import Switch from 'components/base/Switch' import FakeLink from 'components/base/FakeLink' +import { Trans } from 'react-i18next' import TrackPage from 'analytics/TrackPage' import Track from 'analytics/Track' import { openModal } from 'reducers/modals' import { MODAL_SHARE_ANALYTICS, MODAL_TECHNICAL_DATA } from 'config/constants' +import { openURL } from 'helpers/linking' +import { urls } from 'config/urls' import ShareAnalytics from '../../modals/ShareAnalytics' import TechnicalData from '../../modals/TechnicalData' import { Title, Description, FixedTopContainer, StepContainerInner } from '../helperComponents' @@ -46,6 +49,9 @@ class Analytics extends PureComponent { }) } + onClickTerms = () => openURL(urls.terms) + onClickPrivacy = () => openURL(urls.privacyPolicy) + handleNavBack = () => { const { savePassword, prevStep } = this.props savePassword(undefined) @@ -157,6 +163,26 @@ class Analytics extends PureComponent { + + + + + {t('onboarding.analytics.terms.title')} + + + +
+ + {'Accept the '} + {'terms of license'} + {'and'} + {'privacy'} + {'.'} + +
+
+
+
p.theme.colors.wallet}; } ` + +const HoveredLink = styled.span` + cursor: pointer; + text-decoration: underline; + &:hover { + color: ${p => p.theme.colors.wallet}; + } +` diff --git a/static/i18n/en/app.json b/static/i18n/en/app.json index d6dc3f3b..c7cca0c9 100644 --- a/static/i18n/en/app.json +++ b/static/i18n/en/app.json @@ -674,6 +674,10 @@ "item4": "Application language or region", "item5": "OS language or region" } + }, + "terms": { + "title": "Terms *", + "desc": "By continuing, you acknowledge that you have read and agree to the <1>Terms of Use and <3>Privacy Policy." } }, "finish": {