From 9f649ff1db62395588fa9fdc4aa9cd746a984526 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Sun, 14 Jul 2024 21:51:56 +0600
Subject: [PATCH] web/settings: update analytics text & add a link to more info

---
 web/i18n/en/settings.json                     |  7 ++++---
 web/src/components/misc/OuterLink.svelte      |  7 +++++++
 .../settings/general/privacy/+page.svelte     | 20 +++++++++++++++----
 3 files changed, 27 insertions(+), 7 deletions(-)
 create mode 100644 web/src/components/misc/OuterLink.svelte

diff --git a/web/i18n/en/settings.json b/web/i18n/en/settings.json
index 3b0195e5..6a299974 100644
--- a/web/i18n/en/settings.json
+++ b/web/i18n/en/settings.json
@@ -85,9 +85,10 @@
     "language.preferred.title": "preferred language",
     "language.preferred.description": "language used for interface and content. if any text isn’t translated to this language, it will be displayed in english.",
 
-    "privacy": "anonymous traffic analytics",
-    "privacy.disableAnalytics.title": "opt out of private analytics",
-    "privacy.disableAnalytics.description": "enable if you don't want to be included in anonymous traffic stats. read more about this in about > privacy policy (tl;dr: nothing about you is ever stored or tracked, no cookies are used).",
+    "privacy.analytics": "anonymous traffic analytics",
+    "privacy.analytics.title": "don't contribute to analytics",
+    "privacy.analytics.description": "we use a self-hosted plausible instance for getting an approximate number of active cobalt users. no identifiable informaton about you is ever stored. all processed data is anonymized and aggregated.\n\nplausible does not use any cookies and is fully compliant with GDPR, CCPA, and PECR.",
+    "privacy.analytics.learnmore": "learn more about plausible's dedication to privacy.",
 
     "advanced.debug": "debug",
     "advanced.debug.title": "enable debug features",
diff --git a/web/src/components/misc/OuterLink.svelte b/web/src/components/misc/OuterLink.svelte
new file mode 100644
index 00000000..b8f97dc1
--- /dev/null
+++ b/web/src/components/misc/OuterLink.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+    export let href: string;
+</script>
+
+<a target="_blank" rel="noopener noreferrer" {href}>
+    <slot></slot>
+</a>
diff --git a/web/src/routes/settings/general/privacy/+page.svelte b/web/src/routes/settings/general/privacy/+page.svelte
index 1512ee04..c6f65a7f 100644
--- a/web/src/routes/settings/general/privacy/+page.svelte
+++ b/web/src/routes/settings/general/privacy/+page.svelte
@@ -3,13 +3,25 @@
 
     import SettingsCategory from "$components/settings/SettingsCategory.svelte";
     import SettingsToggle from "$components/buttons/SettingsToggle.svelte";
+    import OuterLink from "$components/misc/OuterLink.svelte";
 </script>
 
-<SettingsCategory sectionId="privacy" title={$t("settings.privacy")}>
+<SettingsCategory sectionId="privacy" title={$t("settings.privacy.analytics")}>
     <SettingsToggle
         settingContext="privacy"
         settingId="disableAnalytics"
-        title={$t("settings.privacy.disableAnalytics.title")}
-        description={$t("settings.privacy.disableAnalytics.description")}
+        title={$t("settings.privacy.analytics.title")}
+        description={$t("settings.privacy.analytics.description")}
     />
-</SettingsCategory>
\ No newline at end of file
+    <div class="subtext learn-more-plausible">
+        <OuterLink href="https://plausible.io/privacy-focused-web-analytics">
+            {$t("settings.privacy.analytics.learnmore")}
+        </OuterLink>
+    </div>
+</SettingsCategory>
+
+<style>
+    .learn-more-plausible {
+        padding-top: 6px;
+    }
+</style>