web/settings: update analytics text & add a link to more info
This commit is contained in:
7
web/src/components/misc/OuterLink.svelte
Normal file
7
web/src/components/misc/OuterLink.svelte
Normal file
@@ -0,0 +1,7 @@
|
||||
<script lang="ts">
|
||||
export let href: string;
|
||||
</script>
|
||||
|
||||
<a target="_blank" rel="noopener noreferrer" {href}>
|
||||
<slot></slot>
|
||||
</a>
|
||||
@@ -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>
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user