From 85b42b287a4e7d869ba582a73fd483c32fcd14ee Mon Sep 17 00:00:00 2001
From: Mutasem <mutdmour@gmail.com>
Date: Tue, 29 Mar 2022 11:45:27 +0200
Subject: [PATCH] add empty run state

---
 packages/editor-ui/src/components/RunData.vue   | 17 +++++++++++++++--
 .../editor-ui/src/plugins/i18n/locales/en.json  |  2 ++
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/packages/editor-ui/src/components/RunData.vue b/packages/editor-ui/src/components/RunData.vue
index 9dfd5d0b76..208a4b6350 100644
--- a/packages/editor-ui/src/components/RunData.vue
+++ b/packages/editor-ui/src/components/RunData.vue
@@ -113,8 +113,17 @@
 			/>
 		</div>
 
-		<div v-else-if="hasNodeRun && displayMode === 'table' && tableData && tableData.columns && tableData.columns.length === 0" :class="$style.center">
-			<n8n-text align="center" tag="div">{{ $locale.baseText('runData.entriesExistButThey') }}</n8n-text>
+		<div v-else-if="hasNodeRun && displayMode === 'table' && tableData && tableData.columns && tableData.columns.length === 0" :class="$style.dataDisplay">
+			<table :class="$style.table">
+				<tr>
+					<th :class="$style.emptyCell"></th>
+				</tr>
+				<tr>
+					<td>
+						<n8n-text>{{ $locale.baseText('node.output.emptyOutput') }}</n8n-text>
+					</td>
+				</tr>
+			</table>
 		</div>
 
 		<div v-else-if="hasNodeRun && displayMode === 'table' && tableData" :class="$style.dataDisplay">
@@ -748,6 +757,10 @@ export default mixins(
 		border: var(--border-base);
 	}
 }
+
+.emptyCell {
+	height: 32px;
+}
 </style>
 
 <style lang="scss">
diff --git a/packages/editor-ui/src/plugins/i18n/locales/en.json b/packages/editor-ui/src/plugins/i18n/locales/en.json
index 0085cc9c97..0740a3d5f2 100644
--- a/packages/editor-ui/src/plugins/i18n/locales/en.json
+++ b/packages/editor-ui/src/plugins/i18n/locales/en.json
@@ -1158,6 +1158,8 @@
 	"node.output.tooMuchData.showDataAnyway": "Show data anyway",
 	"node.output.items": "items",
 	"node.output.item": "items",
+	"node.output.emptyOutput": "This output item is empty.",
+	"node.output.emptyInput": "This input item is empty. {name} will still execute when it recieves an empty item.",
 	"openWorkflow.workflowImportError": "Could not import workflow",
 	"openWorkflow.workflowNotFoundError": "Could not find workflow",
 	"settings": "Settings",