From 6f34e039ebb6aaa1c960308c22c0616c60ee2d8c Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Mon, 17 Jun 2024 23:11:03 -0300
Subject: [PATCH] Fixed loading on file component and unstyled buttons not
 having nocopy and nopan classes

---
 .../components/inputFileComponent/index.tsx   | 23 ++++++++++---------
 src/frontend/src/components/ui/button.tsx     |  6 ++---
 src/frontend/src/style/applies.css            |  2 +-
 3 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx
index 1e9f4dea5..8eee0ec4e 100644
--- a/src/frontend/src/components/inputFileComponent/index.tsx
+++ b/src/frontend/src/components/inputFileComponent/index.tsx
@@ -8,6 +8,7 @@ import useAlertStore from "../../stores/alertStore";
 import useFlowsManagerStore from "../../stores/flowsManagerStore";
 import { FileComponentType } from "../../types/components";
 import IconComponent from "../genericIconComponent";
+import { Button } from "../ui/button";
 
 export default function InputFileComponent({
   value,
@@ -111,20 +112,20 @@ export default function InputFileComponent({
         >
           {myValue !== "" ? myValue : "No file"}
         </span>
-        <button onClick={handleButtonClick}>
-          {!editNode && !loading && (
+        {!editNode && (
+          <Button
+            unstyled
+            className="ml-3 inline-flex items-center justify-center"
+            onClick={handleButtonClick}
+            loading={loading}
+            disabled={disabled}
+          >
             <IconComponent
               name="FileSearch2"
-              className={
-                "icons-parameters-comp" +
-                (disabled ? " text-ring" : " hover:text-accent-foreground")
-              }
+              className={"icons-parameters-comp"}
             />
-          )}
-          {!editNode && loading && (
-            <span className="loading loading-spinner loading-sm pointer-events-none h-8 pl-3"></span>
-          )}
-        </button>
+          </Button>
+        )}
       </div>
     </div>
   );
diff --git a/src/frontend/src/components/ui/button.tsx b/src/frontend/src/components/ui/button.tsx
index 681b86e1b..915f49b24 100644
--- a/src/frontend/src/components/ui/button.tsx
+++ b/src/frontend/src/components/ui/button.tsx
@@ -76,7 +76,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
       <>
         <Comp
           className={
-            !unstyled ? buttonVariants({ variant, size, className }) : className
+            !unstyled ? buttonVariants({ variant, size, className }) : cn(className, "nocopy nowheel nopan nodelete nodrag noundo")
           }
           disabled={loading || disabled}
           {...(asChild ? {} : { type: type || "button" })}
@@ -86,10 +86,10 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
           {loading ? (
             <span className="relative">
               <span className="invisible">{newChildren}</span>
-              <span className="absolute inset-0 flex items-center justify-center">
+              <span className="absolute inset-0">
                 <ForwardedIconComponent
                   name={"Loader2"}
-                  className={"animate-spin"}
+                  className={"animate-spin m-auto h-full"}
                 />
               </span>
             </span>
diff --git a/src/frontend/src/style/applies.css b/src/frontend/src/style/applies.css
index 6c325b47b..910cdb35b 100644
--- a/src/frontend/src/style/applies.css
+++ b/src/frontend/src/style/applies.css
@@ -931,7 +931,7 @@
   }
 
   .icons-parameters-comp {
-    @apply ml-3 h-6 w-6;
+    @apply h-6 w-6;
   }
 
   .form-modal-lock-true {