From 546eb2ae9ab1aca6e26fab57fdd88bcaf995e249 Mon Sep 17 00:00:00 2001
From: igorrCarvalho <igorsilvabhz6@gmail.com>
Date: Sun, 18 Feb 2024 13:37:32 -0300
Subject: [PATCH] Refactor: Change component icon to Flaskconical

---
 src/frontend/src/CustomNodes/GenericNode/index.tsx | 10 +++++-----
 src/frontend/src/style/applies.css                 |  4 ++--
 src/frontend/src/utils/styleUtils.ts               |  2 ++
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 52abf208b..bed9d1684 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -370,8 +370,8 @@ export default function GenericNode({
                         <span className="flex">
                           Build{" "}
                           <IconComponent
-                            name="Play"
-                            className=" h-5 fill-build-trigger stroke-build-trigger stroke-1"
+                            name="FlaskConical"
+                            className=" h-5 stroke-build-trigger stroke-1"
                           />{" "}
                           flow to validate status.
                         </span>
@@ -390,7 +390,7 @@ export default function GenericNode({
                   >
                     <div className="generic-node-status-position flex items-center justify-center">
                       <IconComponent
-                        name="Play"
+                        name="FlaskConical"
                         className={classNames(
                           validationStatus && validationStatus.valid
                             ? "green-status"
@@ -399,7 +399,7 @@ export default function GenericNode({
                         )}
                       />
                       <IconComponent
-                        name="Play"
+                        name="FlaskConical"
                         className={classNames(
                           validationStatus && !validationStatus.valid
                             ? "red-status"
@@ -408,7 +408,7 @@ export default function GenericNode({
                         )}
                       />
                       <IconComponent
-                        name="Play"
+                        name="FlaskConical"
                         className={classNames(
                           !validationStatus || isBuilding
                             ? "yellow-status"
diff --git a/src/frontend/src/style/applies.css b/src/frontend/src/style/applies.css
index 1af0e0f0b..af1596ab4 100644
--- a/src/frontend/src/style/applies.css
+++ b/src/frontend/src/style/applies.css
@@ -293,13 +293,13 @@
     @apply opacity-100 animate-wiggle;
   }
   .green-status {
-    @apply generic-node-status text-status-green fill-status-green;
+    @apply generic-node-status text-status-green;
   }
   .red-status {
     @apply generic-node-status text-status-red fill-status-red;
   }
   .yellow-status {
-    @apply generic-node-status text-status-yellow fill-status-yellow;
+    @apply generic-node-status text-status-yellow;
   }
   .status-build-animation {
     @apply opacity-0;
diff --git a/src/frontend/src/utils/styleUtils.ts b/src/frontend/src/utils/styleUtils.ts
index efc25a992..8b6d1825a 100644
--- a/src/frontend/src/utils/styleUtils.ts
+++ b/src/frontend/src/utils/styleUtils.ts
@@ -110,6 +110,7 @@ import {
   X,
   XCircle,
   Zap,
+  FlaskConical,
 } from "lucide-react";
 import { FaApple, FaGithub } from "react-icons/fa";
 import { AWSIcon } from "../icons/AWS";
@@ -400,4 +401,5 @@ export const nodeIconsLucide: iconsType = {
   io: Cable,
   ScreenShare,
   Code,
+  FlaskConical,
 };