Merge pull request #13 from watson-developer-cloud/terms-of-use

feat(Terms of Use): add terms of use to the application
watson-developer-cloud · May 21, 2019 · 11e6d62 · 11e6d62
2 parents 88867e8 + 9305989
commit 11e6d62
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/src/components/SelectionSidebar/SelectionSidebar.js b/src/components/SelectionSidebar/SelectionSidebar.js
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import DemoButton from '../DemoButton/DemoButton';
 import PathSelectionOverlay from '../PathSelectionOverlay/PathSelectionOverlay';
 
+const TERMS_OF_USE_URL = 'https://watson-developer-cloud.github.io/terms?name=Watson%20Assistant%20Demo';
 class SelectionSidebar extends React.Component {
   constructor(props) {
     super(props);
@@ -56,6 +57,12 @@ class SelectionSidebar extends React.Component {
           />
           <p className="ibm-type-a">See all features</p>
         </div>
+        <div className="path-selection__terms-of-use">
+          By using this application, you agree to the&nbsp;
+          <a target="_blank" rel="noreferrer noopener" href={TERMS_OF_USE_URL}>
+                Terms of Use
+          </a>
+        </div>
         <PathSelectionOverlay
           isOverlayVisible={this.state.isOverlayVisible}
           onEnter={() => { this.onEnter(); }}

diff --git a/src/components/SelectionSidebar/SelectionSidebar.scss b/src/components/SelectionSidebar/SelectionSidebar.scss
@@ -45,5 +45,12 @@
         background: $duo-blue-60;
       }
     }
+    .path-selection__terms-of-use {
+      padding-top: 8px;
+
+      a {
+        color: $duo-blue-60;
+      }
+    }
   }
 }