diff --git a/src/assets/stylesheets/info-dialog.scss b/src/assets/stylesheets/info-dialog.scss index eca11cb07f4f44c90dc2dd12ebd392c3f0f08632..25f61b7ddf499d1c5c604e4d9496a6856571f57a 100644 --- a/src/assets/stylesheets/info-dialog.scss +++ b/src/assets/stylesheets/info-dialog.scss @@ -54,6 +54,17 @@ a { color: white } } + &__links { + display: flex; + justify-content: center; + margin: 16px 0; + a { + margin: 0px 12px; + color: $light-text; + } + } + + &__close { position: absolute; left: 12px; diff --git a/src/react-components/info-dialog.js b/src/react-components/info-dialog.js index aa6b0cfdaa4d961502a7f070ef6231ea01bababd..53ddda750f5d64702051355f004ae14b8b99ccb3 100644 --- a/src/react-components/info-dialog.js +++ b/src/react-components/info-dialog.js @@ -226,6 +226,18 @@ class InfoDialog extends Component { <p> The <b>Bubble Toggle</b> hides avatars that enter your personal space. </p> + <div className="dialog__box__contents__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> ); break;