From 9cd0a756bbce932b372078bc05198c0c61324ad0 Mon Sep 17 00:00:00 2001
From: Tomi Turtiainen <10324676+tomi@users.noreply.github.com>
Date: Tue, 28 Nov 2023 19:16:51 +0200
Subject: [PATCH] fix(editor): Fix icon for unknown node type (#7842)

---
 .../src/components/N8nNodeIcon/NodeIcon.stories.ts        | 8 ++++++++
 .../design-system/src/components/N8nNodeIcon/NodeIcon.vue | 2 --
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/design-system/src/components/N8nNodeIcon/NodeIcon.stories.ts b/packages/design-system/src/components/N8nNodeIcon/NodeIcon.stories.ts
index 75a7d184965d8..2d5f085e95d4c 100644
--- a/packages/design-system/src/components/N8nNodeIcon/NodeIcon.stories.ts
+++ b/packages/design-system/src/components/N8nNodeIcon/NodeIcon.stories.ts
@@ -38,3 +38,11 @@ Hoverable.args = {
 	nodeTypeName: 'We ❤️ n8n',
 	showTooltip: true,
 };
+
+export const Unknown = DefaultTemplate.bind({});
+Unknown.args = {
+	type: 'unknown',
+	nodeTypeName: '',
+	size: 40,
+	color: 'red',
+};
diff --git a/packages/design-system/src/components/N8nNodeIcon/NodeIcon.vue b/packages/design-system/src/components/N8nNodeIcon/NodeIcon.vue
index cc355677fa9c2..c260ec298fd6c 100644
--- a/packages/design-system/src/components/N8nNodeIcon/NodeIcon.vue
+++ b/packages/design-system/src/components/N8nNodeIcon/NodeIcon.vue
@@ -17,7 +17,6 @@
 				</div>
 				<div v-else :class="$style.nodeIconPlaceholder">
 					{{ nodeTypeName ? nodeTypeName.charAt(0) : '?' }}
-					?
 				</div>
 			</n8n-tooltip>
 			<template v-else>
@@ -30,7 +29,6 @@
 				</div>
 				<div v-else :class="$style.nodeIconPlaceholder">
 					{{ nodeTypeName ? nodeTypeName.charAt(0) : '?' }}
-					?
 				</div>
 			</template>
 		</div>