1 files changed, 11 insertions, 9 deletions
diff --git a/src/lib/Settings/SettingToggle.svelte b/src/lib/Settings/SettingToggle.svelte
index 0e77c9b0..a84a7a72 100644
--- a/src/lib/Settings/SettingToggle.svelte
+++ b/src/lib/Settings/SettingToggle.svelte
@@ -1,23 +1,25 @@
 <script lang="ts">
 import Spacer from "$lib/Layout/Spacer.svelte";
 import settings, { type Settings } from "$stores/settings";
+import { track } from "$lib/analytics";
 
 export let setting: keyof Settings;
 export let on = "";
 export let off = "";
 export let sectionBreak = false;
 export let disabled = false;
+
+const toggle = () => {
+	if (disabled) return;
+
+	const value = !$settings[setting];
+
+	settings.setKey(setting, value);
+	track("Toggle Setting", { key: setting, value });
+};
 </script>
 
-<a
-  href={'#'}
-  onclick={() =>
-    disabled
-      ? {}
-      : $settings[setting]
-        ? settings.setKey(setting, false)
-        : settings.setKey(setting, true)}
->
+<a href={'#'} onclick={toggle}>
   {#if disabled}
     <strike>
       {$settings[setting] ? on : off}