From bd86d078814d7dae428558b42faa139cc39d81be Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Wed, 6 Mar 2024 11:39:25 -0300
Subject: [PATCH] Add flow icon and icon background color to FlowType

---
 src/frontend/src/components/exampleComponent/index.tsx | 10 ++++++++--
 src/frontend/src/types/flow/index.ts                   |  2 ++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/components/exampleComponent/index.tsx b/src/frontend/src/components/exampleComponent/index.tsx
index fb6d570aa..fa021b299 100644
--- a/src/frontend/src/components/exampleComponent/index.tsx
+++ b/src/frontend/src/components/exampleComponent/index.tsx
@@ -41,12 +41,18 @@ export default function CollectionCardComponent({
                 <CardHeader>
                     <div>
                         <CardTitle className="flex w-full items-center justify-between gap-3 text-xl">
-                            <IconComponent
+                            {flow.icon && (
+                                <div className="flex-shrink-0 h-7 w-7">
+                                    {flow.icon}
+                                </div>
+                            
+                            )}
+                            {!flow.icon && <IconComponent
                                 className={cn(
                                     "flex-shrink-0 h-7 w-7 text-flow-icon",
                                 )}
                                 name="Group"
-                            />
+                            />}
                             <ShadTooltip content={flow.name}>
                                 <div className="w-full truncate">{flow.name}</div>
                             </ShadTooltip>
diff --git a/src/frontend/src/types/flow/index.ts b/src/frontend/src/types/flow/index.ts
index ffb364d61..6c7c941ad 100644
--- a/src/frontend/src/types/flow/index.ts
+++ b/src/frontend/src/types/flow/index.ts
@@ -15,6 +15,8 @@ export type FlowType = {
   parent?: string;
   folder?: string;
   user_id?: string;
+  icon?:string;
+  icon_bg_color?:string;
 };
 
 export type NodeType = {