From 7c078f9109de934e38ab996033696ffd7124c6fd Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Tue, 11 Feb 2025 23:26:04 +0330
Subject: [PATCH] added disabled on loading for button

---
 frontend/components/global/Button.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/components/global/Button.vue b/frontend/components/global/Button.vue
index 4624e10..22e9554 100644
--- a/frontend/components/global/Button.vue
+++ b/frontend/components/global/Button.vue
@@ -13,7 +13,7 @@ const props = withDefaults(defineProps<Props>(), {
     variant: "solid",
     size: "lg",
 });
-const { variant, size } = toRefs(props);
+const { variant, size, loading } = toRefs(props);
 
 // computed
 const classes = computed(() => {
@@ -30,12 +30,15 @@ const classes = computed(() => {
             "btn-lg": size.value === "lg",
             "btn-md": size.value === "md",
         },
+        {
+            "pointer-events-none opacity-80 cursor-not-allowed": loading.value,
+        },
     ];
 });
 </script>
 
 <template>
-    <button :class="classes">
+    <button :class="classes" :disabled="loading">
         <Icon v-if="!loading && startIcon" :name="startIcon" />
         <slot v-if="!loading" />
         <Icon v-if="!loading && endIcon" :name="endIcon" />