From 73dcff2793d3a7a2da6b068d29ffdc4435f9041e Mon Sep 17 00:00:00 2001
From: limepotato <limepot@protonmail.ch>
Date: Sun, 14 Jul 2024 06:53:03 -0600
Subject: [PATCH] maybe when the ripple is called?

---
 packages/client/src/components/MkStarButton.vue        | 1 +
 packages/client/src/components/MkStarButtonNoEmoji.vue | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/components/MkStarButton.vue b/packages/client/src/components/MkStarButton.vue
index 021cd72bc..08edb03d9 100644
--- a/packages/client/src/components/MkStarButton.vue
+++ b/packages/client/src/components/MkStarButton.vue
@@ -67,6 +67,7 @@ function star(ev?: MouseEvent): void {
 		const x = rect.left + el.offsetWidth / 2;
 		const y = rect.top + el.offsetHeight / 2;
 		os.popup(Ripple, { x, y }, {}, "end");
+		sound.play("reaction");
 	}
 }
 </script>
diff --git a/packages/client/src/components/MkStarButtonNoEmoji.vue b/packages/client/src/components/MkStarButtonNoEmoji.vue
index 29998abf3..727e65ef8 100644
--- a/packages/client/src/components/MkStarButtonNoEmoji.vue
+++ b/packages/client/src/components/MkStarButtonNoEmoji.vue
@@ -62,7 +62,6 @@ const buttonRef = ref<HTMLElement>();
 
 function toggleStar(ev?: MouseEvent): void {
 	pleaseLogin();
-	sound.play("reaction");
 	if (!props.reacted) {
 		os.api("notes/reactions/create", {
 			noteId: props.note.id,
@@ -76,6 +75,7 @@ function toggleStar(ev?: MouseEvent): void {
 			const x = rect.left + el.offsetWidth / 2;
 			const y = rect.top + el.offsetHeight / 2;
 			os.popup(Ripple, { x, y }, {}, "end");
+			sound.play("reaction");
 		}
 	} else {
 		os.api("notes/reactions/delete", {