From d1b81fe30ee3129506e762555d271632e1d0b51d Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Wed, 25 Dec 2024 13:52:34 +0700
Subject: [PATCH] fix: disabled state button can still be click

---
 src/components/button/StateButton.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/button/StateButton.vue b/src/components/button/StateButton.vue
index d5784c54..dd3032ed 100644
--- a/src/components/button/StateButton.vue
+++ b/src/components/button/StateButton.vue
@@ -15,6 +15,10 @@ withDefaults(
     label: '',
   },
 );
+
+defineEmits<{
+  (e: 'click'): void;
+}>();
 </script>
 <template>
   <button
@@ -26,6 +30,7 @@ withDefaults(
       ['status-color-waiting']: statusWaiting,
       ['step-status-active']: statusActive,
     }"
+    @click="statusWaiting ? undefined : $emit('click')"
   >
     <div class="q-px-sm">
       <q-icon
@@ -59,6 +64,7 @@ withDefaults(
   &.status-color-waiting {
     --_color: var(--gray-4-hsl);
     color: var(--foreground);
+    cursor: not-allowed !important;
   }
 }