From 7e71701e106d5df6280f8ebad83ed5f1e33b504a Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Wed, 5 Mar 2025 22:19:08 +0600
Subject: [PATCH] web/SmallDialog: add error haptics to error popups

---
 web/src/components/dialog/SmallDialog.svelte | 6 ++++++
 web/src/lib/haptics.ts                       | 8 ++++++++
 2 files changed, 14 insertions(+)

diff --git a/web/src/components/dialog/SmallDialog.svelte b/web/src/components/dialog/SmallDialog.svelte
index bce93be4..6767612c 100644
--- a/web/src/components/dialog/SmallDialog.svelte
+++ b/web/src/components/dialog/SmallDialog.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+    import { hapticError } from "$lib/haptics";
     import type { Optional } from "$lib/types/generic";
     import type { MeowbaltEmotions } from "$lib/types/meowbalt";
     import type { DialogButton, SmallDialogIcons } from "$lib/types/dialog";
@@ -21,6 +22,11 @@
     export let leftAligned = false;
 
     let close: () => void;
+
+    // error meowbalt art is not used in dialogs unless it's an error
+    if (meowbalt === "error") {
+        hapticError();
+    }
 </script>
 
 <DialogContainer {id} {dismissable} bind:close>
diff --git a/web/src/lib/haptics.ts b/web/src/lib/haptics.ts
index 347e81bc..87c87f22 100644
--- a/web/src/lib/haptics.ts
+++ b/web/src/lib/haptics.ts
@@ -33,3 +33,11 @@ export const hapticConfirm = () => {
     hapticSwitch();
     setTimeout(() => hapticSwitch(), 120);
 }
+
+export const hapticError = () => {
+    if (!canUseHaptics()) return;
+
+    hapticSwitch();
+    setTimeout(() => hapticSwitch(), 120);
+    setTimeout(() => hapticSwitch(), 240);
+}