diff --git a/src/assets/stylesheets/profile.scss b/src/assets/stylesheets/profile.scss index 479207b3e3dccaa526420e0f4abd8d4d2570b4bc..9ffa58085ed4dd03d7e81195792cff06b07a4832 100644 --- a/src/assets/stylesheets/profile.scss +++ b/src/assets/stylesheets/profile.scss @@ -35,6 +35,18 @@ max-height: 1000px; height: 90%; + &__links { + display: flex; + justify-content: center; + width: 100%; + margin: 16px; + + a { + margin: 0px 12px; + color: $light-text; + } + } + &--darkened { background-color: $darkest-transparent; } diff --git a/src/assets/translations.data.json b/src/assets/translations.data.json index c5274d3989492951284ca11242ea1378c1d035bf..9ae0b27c44672c2e3b2e7519c1ab4dd503a653b9 100644 --- a/src/assets/translations.data.json +++ b/src/assets/translations.data.json @@ -16,6 +16,8 @@ "profile.display_name.validation_warning": "Alphanumerics and hyphens. At least 3 characters, no more than 32", "profile.header": "Your display name:", "profile.avatar-selector.loading": "Loading Avatars...", + "profile.terms_of_use": "Terms of Use", + "profile.privacy_notice": "Privacy Notice", "audio.title": "Test your audio", "audio.subtitle-desktop": "Confirm HMD speaker output", "audio.subtitle-mobile": "Earphones are recommended", @@ -42,7 +44,9 @@ "home.webvr_disclaimer_mr_team": "Mozilla Mixed Reality", "home.view_source": "View Source", "home.join_us": "Join the Conversation", - "home.report_issue": "Report an Issue", + "home.report_issue": "Report Issues", + "home.privacy_notice": "Privacy Notice", + "home.terms_of_use": "Terms of Use", "home.get_updates": "Get Updates", "home.hero_title": "A new way to get together online.", "home.hero_subtitle": "Laugh, play, get stuff done, or just hang out.", diff --git a/src/react-components/home-root.js b/src/react-components/home-root.js index b95b9d58a0bbe692c44943c860b8784b65737e19..8c3bb3d1313ab787807b2b9c1c27a989e7023613 100644 --- a/src/react-components/home-root.js +++ b/src/react-components/home-root.js @@ -154,6 +154,22 @@ class HomeRoot extends Component { > <FormattedMessage id="home.report_issue" /> </a> + <a + className="footer-content__links__link" + target="_blank" + rel="noopener noreferrer" + href="https://github.com/mozilla/hubs/blob/master/TERMS.md" + > + <FormattedMessage id="home.terms_of_use" /> + </a> + <a + className="footer-content__links__link" + target="_blank" + rel="noopener noreferrer" + href="https://github.com/mozilla/hubs/blob/master/PRIVACY.md" + > + <FormattedMessage id="home.privacy_notice" /> + </a> </div> <div className="footer-content__links__bottom"> <FormattedMessage id="home.made_with_love" /> diff --git a/src/react-components/profile-entry-panel.js b/src/react-components/profile-entry-panel.js index 5414b0229ccefaaa2ea325100d09c8d1f392cf15..18c442e7c67d952b1af815bc360293b44bb49f0c 100644 --- a/src/react-components/profile-entry-panel.js +++ b/src/react-components/profile-entry-panel.js @@ -97,6 +97,18 @@ class ProfileEntryPanel extends Component { ref={ifr => (this.avatarSelector = ifr)} /> <input className="profile-entry__form-submit" type="submit" value={formatMessage({ id: "profile.save" })} /> + <div className="profile-entry__box__links"> + <a target="_blank" rel="noopener noreferrer" href="https://github.com/mozilla/hubs/blob/master/TERMS.md"> + <FormattedMessage id="profile.terms_of_use" /> + </a> + <a + target="_blank" + rel="noopener noreferrer" + href="https://github.com/mozilla/hubs/blob/master/PRIVACY.md" + > + <FormattedMessage id="profile.privacy_notice" /> + </a> + </div> </div> </form> </div>