From aabde02001d33c7e7039a51c7975dae5a731433a Mon Sep 17 00:00:00 2001
From: anarkrypto <anarkrypto@gmail.com>
Date: Wed, 26 Feb 2025 23:54:01 -0300
Subject: [PATCH] fix: disable button while loading

---
 src/components/ui/button.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index 1546c21..880520d 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -6,7 +6,7 @@ import { cn } from '@/lib/utils'
 import { Loader2Icon } from 'lucide-react'
 
 const buttonVariants = cva(
-	'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+	'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-70 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
 	{
 		variants: {
 			variant: {
@@ -51,6 +51,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
 			asChild = false,
 			loading = false,
 			children,
+			disabled,
 			...props
 		},
 		ref,
@@ -60,6 +61,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
 			<Comp
 				className={cn(buttonVariants({ variant, size, className }))}
 				ref={ref}
+				disabled={disabled || loading}
 				{...props}
 			>
 				{loading ? <Loader2Icon className="h-4 w-4 animate-spin" /> : children}