From 1ab44024c2e31f7dbdb5eb119e04694a41facf2e Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Sat, 24 Feb 2024 23:28:44 +0100
Subject: [PATCH] Changed Run Flow button

---
 src/frontend/src/CustomNodes/GenericNode/index.tsx | 2 +-
 src/frontend/src/components/IOview/index.tsx       | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 01105e6b1..3175c0b4a 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -448,7 +448,7 @@ export default function GenericNode({
             </div>
             {showNode && (
               <Button
-                variant="outline"
+                variant="secondary"
                 className={"group h-9 px-1.5"}
                 onClick={() => {
                   if (data?.build_status === BuildStatus.BUILDING || isBuilding)
diff --git a/src/frontend/src/components/IOview/index.tsx b/src/frontend/src/components/IOview/index.tsx
index 4572ff619..28024ad77 100644
--- a/src/frontend/src/components/IOview/index.tsx
+++ b/src/frontend/src/components/IOview/index.tsx
@@ -289,11 +289,13 @@ export default function IOView({ children, open, setOpen }): JSX.Element {
           </div>
           {!haveChat && (
             <div className="flex w-full justify-end pt-6">
-              <Button className="px-3" onClick={() => sendMessage(1)}>
+              <Button variant={"outline"} className="px-3 flex gap-2" onClick={() => sendMessage(1)}>
+                
                 <IconComponent
                   name={isBuilding ? "Loader2" : "Play"}
-                  className={cn("h-6 w-6", isBuilding ? "animate-spin" : "")}
+                  className={cn("h-4 w-4", isBuilding ? "animate-spin" : "fill-current text-medium-indigo")}
                 />
+                Run Flow
               </Button>
             </div>
           )}