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

web/SmallDialog: add error haptics to error popups

Browse Source
This commit is contained in:
wukko 2025-03-05 22:19:08 +06:00
parent a2e08b9ccb
commit 7e71701e10
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
2 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/components/dialog/SmallDialog.svelte
View File

@ -1,4 +1,5 @@
<script lang="ts"> <script lang="ts">
import { hapticError } from "$lib/haptics";
import type { Optional } from "$lib/types/generic"; import type { Optional } from "$lib/types/generic";
import type { MeowbaltEmotions } from "$lib/types/meowbalt"; import type { MeowbaltEmotions } from "$lib/types/meowbalt";
import type { DialogButton, SmallDialogIcons } from "$lib/types/dialog"; import type { DialogButton, SmallDialogIcons } from "$lib/types/dialog";
@ -21,6 +22,11 @@
export let leftAligned = false; export let leftAligned = false;
let close: () => void; let close: () => void;
// error meowbalt art is not used in dialogs unless it's an error
if (meowbalt === "error") {
hapticError();
}
</script> </script>
<DialogContainer {id} {dismissable} bind:close> <DialogContainer {id} {dismissable} bind:close>

8
web/src/lib/haptics.ts
View File

@ -33,3 +33,11 @@ export const hapticConfirm = () => {
hapticSwitch(); hapticSwitch();
setTimeout(() => hapticSwitch(), 120); setTimeout(() => hapticSwitch(), 120);
} }
export const hapticError = () => {
if (!canUseHaptics()) return;
hapticSwitch();
setTimeout(() => hapticSwitch(), 120);
setTimeout(() => hapticSwitch(), 240);
}