From dbdf6733d1d1993e81f281cc590276f9b380e9e3 Mon Sep 17 00:00:00 2001
From: Tomas Dvorak <contact.dvorak@gmail.com>
Date: Mon, 21 Sep 2026 19:35:48 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20extract=20service=20icon=20into=20compon?=
 =?UTF-8?q?ent=20=E2=80=94=20react-hooks=20lint?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/frontend/src/features/workspace/canvas/nodes.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/frontend/src/features/workspace/canvas/nodes.tsx b/app/frontend/src/features/workspace/canvas/nodes.tsx
index 6ea6627..e5ee315 100644
--- a/app/frontend/src/features/workspace/canvas/nodes.tsx
+++ b/app/frontend/src/features/workspace/canvas/nodes.tsx
@@ -56,9 +56,13 @@ function statusLabel(status: string): string {
   }
 }
 
+function ServiceTypeIcon({ type, size = 18 }: { type: string; size?: number }) {
+  const Icon = serviceTypeIcon(type);
+  return <Icon size={size} />;
+}
+
 export function ServiceNode({ data }: NodeProps<ServiceNodeType>) {
   const { service, selected } = data;
-  const Icon = serviceTypeIcon(service.type);
   const typeColor = serviceTypeColor(service.type);
   const isRunning = service.status === 'running';
   const replicas = service.replicas ?? 0;
@@ -99,7 +103,7 @@ export function ServiceNode({ data }: NodeProps<ServiceNodeType>) {
               color: selected ? 'white' : typeColor,
             }}
           >
-            <Icon size={18} />
+            <ServiceTypeIcon type={service.type} size={18} />
           </div>
           <div className="min-w-0 flex-1 pt-0.5">
             <h4 className="font-semibold text-sm text-[var(--text-primary)] truncate tracking-tight">{service.name}</h4>