diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/lib/Settings/SettingCheckboxToggle.svelte | 3 | ||||
| -rw-r--r-- | src/routes/settings/+page.svelte | 11 |
2 files changed, 14 insertions, 0 deletions
diff --git a/src/lib/Settings/SettingCheckboxToggle.svelte b/src/lib/Settings/SettingCheckboxToggle.svelte index 73a4e831..6c289860 100644 --- a/src/lib/Settings/SettingCheckboxToggle.svelte +++ b/src/lib/Settings/SettingCheckboxToggle.svelte @@ -11,6 +11,7 @@ export let text: string; export let setting: SettingsBooleanKeys[keyof SettingsBooleanKeys]; export let lineBreak = true; + export let onChange: () => void = () => {}; // const toggler = (key: keyof Settings) => [ // () => @@ -33,6 +34,8 @@ const check = (e: Event & { currentTarget: EventTarget & HTMLInputElement }): void => { settings.setKey(setting, (e.target as HTMLInputElement).checked); + + onChange(); }; </script> diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte index 269fe340..4d339c4d 100644 --- a/src/routes/settings/+page.svelte +++ b/src/routes/settings/+page.svelte @@ -105,6 +105,17 @@ <SettingCheckboxToggle setting="displayMai" text={`Display <a href="https://anilist.co/character/127222/Mai-Sakurajima">Mai</a>`} + onChange={() => { + const mai = document.getElementById('mai'); + + if (!mai) return; + + if ($settings.displayMai) { + mai.style.display = 'block'; + } else { + mai.style.display = 'none'; + } + }} > <SettingHint lineBreak>Let her remind you. It's for your own benefit.</SettingHint> </SettingCheckboxToggle> |