From 7ae666a274ec717e405311f67aa642b02933ec05 Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Tue, 4 Jan 2022 12:48:20 -0500
Subject: [PATCH] User Settings Page: Link to privacy policy (#3561)

---
 changes/issue-2859-privacy-policy-link            |  1 +
 .../pages/UserSettingsPage/UserSettingsPage.jsx   |  9 +++++++++
 frontend/pages/UserSettingsPage/_styles.scss      | 15 ++++++++++++++-
 3 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 changes/issue-2859-privacy-policy-link

diff --git a/changes/issue-2859-privacy-policy-link b/changes/issue-2859-privacy-policy-link
new file mode 100644
index 0000000000..d40b0b2248
--- /dev/null
+++ b/changes/issue-2859-privacy-policy-link
@@ -0,0 +1 @@
+* App links users to Fleet's privacy policy
\ No newline at end of file
diff --git a/frontend/pages/UserSettingsPage/UserSettingsPage.jsx b/frontend/pages/UserSettingsPage/UserSettingsPage.jsx
index 7f9ddb2028..8db63cda0f 100644
--- a/frontend/pages/UserSettingsPage/UserSettingsPage.jsx
+++ b/frontend/pages/UserSettingsPage/UserSettingsPage.jsx
@@ -402,6 +402,15 @@ export class UserSettingsPage extends Component {
           <span
             className={`${baseClass}__version`}
           >{`Fleet ${version.version} • Go ${version.go_version}`}</span>
+          <span className={`${baseClass}__privacy-policy`}>
+            <a
+              href="https://fleetdm.com/legal/privacy"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Privacy policy
+            </a>
+          </span>
         </div>
         {renderEmailModal()}
         {renderPasswordModal()}
diff --git a/frontend/pages/UserSettingsPage/_styles.scss b/frontend/pages/UserSettingsPage/_styles.scss
index dc528b307b..7d394876dc 100644
--- a/frontend/pages/UserSettingsPage/_styles.scss
+++ b/frontend/pages/UserSettingsPage/_styles.scss
@@ -153,7 +153,20 @@
     font-size: $xx-small;
     text-align: center;
     display: block;
-    margin-top: $pad-xxlarge;
+    margin-top: $pad-large;
+  }
+
+  &__privacy-policy {
+    text-align: center;
+    display: block;
+    margin-top: $pad-xlarge;
+
+    a {
+      font-size: $x-small;
+      color: $core-vibrant-blue;
+      font-weight: $bold;
+      text-decoration: none;
+    }
   }
 
   .grey-cell {