From c36053dc55fb4422281dc4126a6f7f0f30367f77 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Tue, 4 Jun 2024 10:26:52 -0300
Subject: [PATCH] Fixed button not being able to handle multiple children when
 asChild is done

---
 src/frontend/src/components/ui/button.tsx | 49 ++++++++++++-----------
 1 file changed, 25 insertions(+), 24 deletions(-)

diff --git a/src/frontend/src/components/ui/button.tsx b/src/frontend/src/components/ui/button.tsx
index 33a8e8ba0..ed0abc120 100644
--- a/src/frontend/src/components/ui/button.tsx
+++ b/src/frontend/src/components/ui/button.tsx
@@ -66,30 +66,31 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
       newChildren = toTitleCase(children);
     }
     return (
-      <Comp
-        className={buttonVariants({ variant, size: "none" })}
-        ref={ref}
-        {...props}
-      >
-        <div
-          className={cn(
-            loading ? "opacity-100" : "opacity-0",
-            "absolute self-center",
-          )}
-        >
-          <ForwardedIconComponent name={"Loader2"} className={"animate-spin"} />
-        </div>
-        <div
-          className={cn(
-            loading ? "opacity-0" : "opacity-100",
-            buttonVariants({
-              variant: "none",
-              size,
-              className: cn(buttonChildrenClasses, className),
-            }),
-          )}
-        >
-          {newChildren}
+      <Comp ref={ref} {...props}>
+        <div className={buttonVariants({ variant, size: "none" })}>
+          <div
+            className={cn(
+              loading ? "opacity-100" : "opacity-0",
+              "absolute self-center",
+            )}
+          >
+            <ForwardedIconComponent
+              name={"Loader2"}
+              className={"animate-spin"}
+            />
+          </div>
+          <div
+            className={cn(
+              loading ? "opacity-0" : "opacity-100",
+              buttonVariants({
+                variant: "none",
+                size,
+                className: cn(buttonChildrenClasses, className),
+              }),
+            )}
+          >
+            {newChildren}
+          </div>
         </div>
       </Comp>
     );