Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-04-29 22:14:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

web/SettingsDropdown: add haptics

Browse Source
This commit is contained in:
wukko 2025-03-05 20:18:52 +06:00
parent ef7fc8781b
commit 6e21fc56eb
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/components/settings/SettingsDropdown.svelte
View File

@ -8,6 +8,7 @@
import { updateSetting } from "$lib/state/settings";
import type { CobaltSettings } from "$lib/types/settings";
import { hapticConfirm, hapticSwitch } from "$lib/haptics";
import IconSelector from "@tabler/icons-svelte/IconSelector.svelte";
export let title: string;
@ -22,8 +23,9 @@
export let disabled = false;
const onChange = (event: Event) => {
const target = event.target as HTMLSelectElement;
hapticConfirm();
const target = event.target as HTMLSelectElement;
updateSetting({
[settingContext]: {
[settingId]: target.value,
@ -46,13 +48,17 @@
</div>
</div>
<select on:change={e => onChange(e)} {disabled}>
<select
on:click={() => hapticSwitch()}
on:change={(e) => onChange(e)}
{disabled}
>
{#each Object.keys(items) as value, i}
<option {value} selected={selectedOption === value}>
{items[value]}
</option>
{#if i === 0}
<hr>
<hr />
{/if}
{/each}
</select>