Add private policy and terms of use to the login page

and about model page. Signed-off-by: Anil Vishnoi <[email protected]>
instructlab · Sep 26, 2024 · 27c0e3a · 27c0e3a
1 parent ed888f1
commit 27c0e3a
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 0 deletions.
diff --git a/src/app/login/githublogin.css b/src/app/login/githublogin.css
@@ -43,6 +43,14 @@ a {
   font-size: large;
 }
 
+.urls-text-medium {
+  margin-top: 1rem;
+  color: white;
+  padding: 20px;
+  text-align: center;
+  font-size: medium;
+}
+
 .policy-text {
   margin-top: 1rem;
   color: white;

diff --git a/src/app/login/githublogin.tsx b/src/app/login/githublogin.tsx
@@ -63,6 +63,15 @@ const GithubLogin: React.FC = () => {
                     Code Of Conduct
                   </a>
                 </Text>
+                <Text className="urls-text-medium">
+                  <a href="https://www.redhat.com/en/about/terms-use" style={{ color: 'white', textDecoration: 'underline' }} target="_blank">
+                    Terms of use
+                  </a>{' '}
+                  |{' '}
+                  <a href="https://www.redhat.com/en/about/privacy-policy" style={{ color: 'white', textDecoration: 'underline' }} target="_blank">
+                    Privacy Policy
+                  </a>
+                </Text>
               </TextContent>
             </div>
           </GridItem>

diff --git a/src/components/AboutModal/AboutModal.tsx b/src/components/AboutModal/AboutModal.tsx
@@ -51,6 +51,15 @@ const AboutInstructLab = ({ isOpen, setIsOpen }: AboutModalProps) => {
           <Text className={styles.version} component={TextVariants.p}>
             © InstructLab | Version 1.0.0 Beta
           </Text>
+          <Text className={styles.links}>
+            <a href="https://www.redhat.com/en/about/terms-use" style={{ color: 'white', textDecoration: 'underline' }} target="_blank">
+              Terms of use
+            </a>{' '}
+            |{' '}
+            <a href="https://www.redhat.com/en/about/privacy-policy" style={{ color: 'white', textDecoration: 'underline' }} target="_blank">
+              Privacy Policy
+            </a>
+          </Text>
         </TextContent>
       </div>
     </AboutModal>