From ea773f98f96c8f1117cea3c75f762352cea48fac Mon Sep 17 00:00:00 2001
From: misterpekert <misterpekert@gmail.com>
Date: Fri, 22 Dec 2023 13:29:22 +0100
Subject: [PATCH] Fix sentry issues:

- Use handle instead of click
- Clear timeout if component is to be destroyed
---
 components/SpinButton.vue    | 4 +++-
 pages/unsubscribe/[[id]].vue | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/SpinButton.vue b/components/SpinButton.vue
index 6c67043c..4a82d6ed 100644
--- a/components/SpinButton.vue
+++ b/components/SpinButton.vue
@@ -31,7 +31,7 @@
   />
 </template>
 <script setup>
-import { ref } from '#imports'
+import { ref, defineAsyncComponent, onBeforeUnmount } from '#imports'
 const { $sentryCaptureException } = useNuxtApp()
 
 const ConfirmModal = defineAsyncComponent(() => import('./ConfirmModal'))
@@ -152,6 +152,8 @@ const onConfirmClosed = () => {
   showConfirm.value = false
 }
 
+onBeforeUnmount(() => clearTimeout(timer))
+
 defineExpose({ handle: onClick })
 </script>
 
diff --git a/pages/unsubscribe/[[id]].vue b/pages/unsubscribe/[[id]].vue
index f7bcf975..a2525790 100644
--- a/pages/unsubscribe/[[id]].vue
+++ b/pages/unsubscribe/[[id]].vue
@@ -31,7 +31,7 @@
                     icon-name="trash-alt"
                     label="Leave this community"
                     class="mt-2"
-                    @click="leave"
+                    @handle="leave"
                   />
                 </div>
               </div>