⚡ Render string in plus endpoint

packages/editor-ui/src/components/mixins/nodeBase.ts

@@ -12,10 +12,12 @@ import {
 	INodeTypeDescription,
 } from 'n8n-workflow';
 import { getStyleTokenValue } from '../helpers';
+import { renderText } from './renderText';
 
 export const nodeBase = mixins(
 	deviceSupportHelpers,
 	nodeIndex,
+	renderText,
 ).extend({
 	mounted () {
 		// Initialize the node
@@ -202,6 +204,14 @@ export const nodeBase = mixins(
 						index: i,
 						totalEndpoints: nodeTypeData.outputs.length,
 					};
+
+					const _plusEndpoint = this.instance.getEndpoint(
+						CanvasHelpers.getOutputEndpointUUID(this.nodeIndex, index),
+					);
+
+					const dropHoverMessageDiv = _plusEndpoint.canvas.children[1].children[1];
+
+					dropHoverMessageDiv.innerHTML = this.$baseText('nodesBase.clickToAddNodeOrDragToConnect');
 				}
 			});
 		},

packages/editor-ui/src/i18n/locales/de.json

@@ -471,6 +471,9 @@
 		"theErrorCauseIsTooLargeToBeDisplayed": "🇩🇪 The error cause is too large to be displayed.",
 		"time": "🇩🇪 Time"
 	},
+	"nodesBase": {
+		"clickToAddNodeOrDragToConnect": "🇩🇪 Click to add node<br>or drag to connect"
+	},
 	"nodeSettings": {
 		"alwaysOutputData": {
 			"description": "🇩🇪 If active, the node will return an empty item even if the <br />node returns no data during an initial execution. Be careful setting <br />this on IF-Nodes as it could cause an infinite loop.",

packages/editor-ui/src/i18n/locales/en.json

@@ -455,6 +455,9 @@
 		"theErrorCauseIsTooLargeToBeDisplayed": "The error cause is too large to be displayed.",
 		"time": "Time"
 	},
+	"nodesBase": {
+		"clickToAddNodeOrDragToConnect": "Click to add node<br>or drag to connect"
+	},
 	"nodeSettings": {
 		"alwaysOutputData": {
 			"description": "If active, the node will return an empty item even if the <br />node returns no data during an initial execution. Be careful setting <br />this on IF-Nodes as it could cause an infinite loop.",