fix(SettingCheckboxToggle): ensure types

1 files changed, 10 insertions, 4 deletions

diff --git a/src/lib/Settings/SettingCheckboxToggle.svelte b/src/lib/Settings/SettingCheckboxToggle.svelte
index e17eddbc..43e9accf 100644
--- a/src/lib/Settings/SettingCheckboxToggle.svelte
+++ b/src/lib/Settings/SettingCheckboxToggle.svelte
@@ -16,7 +16,7 @@
 	};
 	export let invert = false;
 
-	$: checked = invert ? !$settings[setting] : $settings[setting];
+	$: checked = setting ? (invert ? !$settings[setting] : $settings[setting]) : false;
 	$: field = text instanceof Function ? text() : text;
 
 	// const toggler = (key: keyof Settings) => [
@@ -41,15 +41,21 @@
 	const check = (e: Event & { currentTarget: EventTarget & HTMLInputElement }): void => {
 		const checked = (e.target as HTMLInputElement).checked;
 
-		settings.setKey(setting, invert ? !checked : checked);
-		onChange();
+		if (setting) {
+			settings.setKey(setting, invert ? !checked : checked);
+			onChange();
+		}
+	};
+
+	const flip = () => {
+		if (setting) $settings[setting] = !$settings[setting];
 	};
 </script>
 
 <input type="checkbox" on:change={check} bind:checked />
 
 <span
-	on:click={() => ($settings[setting] = !$settings[setting])}
+	on:click={flip}
 	on:keydown={() => {
 		return;
 	}}