diff options
| author | Fuwn <[email protected]> | 2023-12-05 18:08:43 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-12-05 18:08:43 -0800 |
| commit | 9d3c194216acea80472785e320479e75e5b4f5c0 (patch) | |
| tree | 0d027ac9f71a025011162ea7eecd84080a228984 /src | |
| parent | fix(wrapped): invert for new themeing (diff) | |
| download | due.moe-9d3c194216acea80472785e320479e75e5b4f5c0.tar.xz due.moe-9d3c194216acea80472785e320479e75e5b4f5c0.zip | |
feat(settings): live mai toggle
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> |