⚡ Merging stale data icon with execution status

n8n-io · Dec 22, 2023 · 8b1ade1 · 8b1ade1
1 parent e3eec65
commit 8b1ade1
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 18 deletions.
diff --git a/packages/editor-ui/src/components/OutputPanel.vue b/packages/editor-ui/src/components/OutputPanel.vue
@@ -40,23 +40,8 @@
 					v-show="!outputPanelEditMode.enabled"
 					:taskData="runTaskData"
 					:hasStaleData="staleData"
+					:hasPinData="hasPinData"
 				/>
-				<n8n-info-tip
-					theme="warning"
-					type="tooltip"
-					tooltipPlacement="right"
-					v-if="hasNodeRun && staleData"
-				>
-					<span
-						v-html="
-							$locale.baseText(
-								hasPinData
-									? 'ndv.output.staleDataWarning.pinData'
-									: 'ndv.output.staleDataWarning.regular',
-							)
-						"
-					></span>
-				</n8n-info-tip>
 			</div>
 		</template>
 

diff --git a/packages/editor-ui/src/components/RunInfo.vue b/packages/editor-ui/src/components/RunInfo.vue
@@ -1,10 +1,21 @@
 <template>
+	<n8n-info-tip theme="warning" type="tooltip" tooltipPlacement="right" v-if="hasStaleData">
+		<span
+			v-html="
+				$locale.baseText(
+					hasPinData
+						? 'ndv.output.staleDataWarning.pinData'
+						: 'ndv.output.staleDataWarning.regular',
+				)
+			"
+		></span>
+	</n8n-info-tip>
 	<n8n-info-tip
-		v-if="runMetadata"
+		v-else-if="runMetadata"
 		type="tooltip"
 		:theme="theme"
-		:tooltipPlacement="hasStaleData ? 'left' : 'right'"
 		:data-test-id="`node-run-info-${theme}`"
+		tooltipPlacement="right"
 	>
 		<div>
 			<n8n-text :bold="true" size="small"
@@ -35,6 +46,7 @@ export default defineComponent({
 	props: {
 		taskData: {}, // ITaskData
 		hasStaleData: Boolean,
+		hasPinData: Boolean,
 	},
 
 	computed: {