From 58af5f7381e3792edf46c3bbf7163bff4b21c7d0 Mon Sep 17 00:00:00 2001
From: Mutasem <mutdmour@gmail.com>
Date: Tue, 29 Mar 2022 08:12:47 +0200
Subject: [PATCH 1/2] fix workflow rename bug

---
 packages/editor-ui/src/components/NodeTitle.vue         | 6 +++++-
 packages/editor-ui/src/components/WorkflowNameShort.vue | 6 +-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/editor-ui/src/components/NodeTitle.vue b/packages/editor-ui/src/components/NodeTitle.vue
index 5d352c83f1..b9e681a785 100644
--- a/packages/editor-ui/src/components/NodeTitle.vue
+++ b/packages/editor-ui/src/components/NodeTitle.vue
@@ -17,7 +17,11 @@
 				</div>
 			</div>
 			<span :class="$style.title" slot="reference">
-				<WorkflowNameShort :name="value" :limit="40" />
+				<WorkflowNameShort :name="value" :limit="40">
+					<template v-slot="{ shortenedName }">
+						{{ shortenedName }}
+					</template>
+				</WorkflowNameShort>
 				<font-awesome-icon :class="$style.editIcon" icon="pencil-alt" />
 			</span>
 		</el-popover>
diff --git a/packages/editor-ui/src/components/WorkflowNameShort.vue b/packages/editor-ui/src/components/WorkflowNameShort.vue
index c03f1b653c..eb9b73c063 100644
--- a/packages/editor-ui/src/components/WorkflowNameShort.vue
+++ b/packages/editor-ui/src/components/WorkflowNameShort.vue
@@ -1,7 +1,6 @@
 <template>
 	<span :title="name">
-		<slot v-if="hasDefaultSlot" :shortenedName="shortenedName"></slot>
-		{{ shortenedName }}
+		<slot :shortenedName="shortenedName"></slot>
 	</span>
 </template>
 
@@ -15,9 +14,6 @@ export default Vue.extend({
 	name: "WorkflowNameShort",
 	props: ["name", "limit"],
 	computed: {
-		hasDefaultSlot(): boolean {
-			return !!this.$slots.default;
-		},
 		shortenedName(): string {
 			const name = this.$props.name;
 

From 236e736767be013185a7b1d3f39c05c823dd5022 Mon Sep 17 00:00:00 2001
From: Mutasem <mutdmour@gmail.com>
Date: Tue, 29 Mar 2022 08:14:59 +0200
Subject: [PATCH 2/2] rename component

---
 .../MainHeader/ExecutionDetails/ExecutionDetails.vue      | 8 ++++----
 .../src/components/MainHeader/WorkflowDetails.vue         | 8 ++++----
 packages/editor-ui/src/components/NodeTitle.vue           | 8 ++++----
 .../components/{WorkflowNameShort.vue => ShortenName.vue} | 2 +-
 4 files changed, 13 insertions(+), 13 deletions(-)
 rename packages/editor-ui/src/components/{WorkflowNameShort.vue => ShortenName.vue} (96%)

diff --git a/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue b/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue
index 0875fbbcab..d3f920cd70 100644
--- a/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue
+++ b/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue
@@ -26,13 +26,13 @@
 			</span>
 			{{ $locale.baseText('executionDetails.of') }}
 			<span class="primary-color clickable" :title="$locale.baseText('executionDetails.openWorkflow')">
-				<WorkflowNameShort :name="workflowName">
+				<ShortenName :name="workflowName">
 					<template v-slot="{ shortenedName }">
 						<span @click="openWorkflow(workflowExecution.workflowId)">
 							"{{ shortenedName }}"
 						</span>
 					</template>
-				</WorkflowNameShort>
+				</ShortenName>
 			</span>
 			{{ $locale.baseText('executionDetails.workflow') }}
 		</span>
@@ -47,13 +47,13 @@ import { IExecutionResponse } from "../../../Interface";
 
 import { titleChange } from "@/components/mixins/titleChange";
 
-import WorkflowNameShort from "@/components/WorkflowNameShort.vue";
+import ShortenName from "@/components/ShortenName.vue";
 import ReadOnly from "@/components/MainHeader/ExecutionDetails/ReadOnly.vue";
 
 export default mixins(titleChange).extend({
 	name: "ExecutionDetails",
 	components: {
-		WorkflowNameShort,
+		ShortenName,
 		ReadOnly,
 	},
 	computed: {
diff --git a/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue b/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue
index 7f0d5766b7..b4e61a8dc1 100644
--- a/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue
+++ b/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue
@@ -2,7 +2,7 @@
 	<div class="container" v-if="workflowName">
 		<BreakpointsObserver :valueXS="15" :valueSM="25" :valueMD="50" class="name-container">
 			<template v-slot="{ value }">
-				<WorkflowNameShort
+				<ShortenName
 					:name="workflowName"
 					:limit="value"
 					:custom="true"
@@ -19,7 +19,7 @@
 							class="name"
 						/>
 					</template>
-				</WorkflowNameShort>
+				</ShortenName>
 			</template>
 		</BreakpointsObserver>
 
@@ -81,7 +81,7 @@ import mixins from "vue-typed-mixins";
 import { mapGetters } from "vuex";
 import { MAX_WORKFLOW_NAME_LENGTH } from "@/constants";
 
-import WorkflowNameShort from "@/components/WorkflowNameShort.vue";
+import ShortenName from "@/components/ShortenName.vue";
 import TagsContainer from "@/components/TagsContainer.vue";
 import PushConnectionTracker from "@/components/PushConnectionTracker.vue";
 import WorkflowActivator from "@/components/WorkflowActivator.vue";
@@ -105,7 +105,7 @@ export default mixins(workflowHelpers).extend({
 	components: {
 		TagsContainer,
 		PushConnectionTracker,
-		WorkflowNameShort,
+		ShortenName,
 		WorkflowActivator,
 		SaveButton,
 		TagsDropdown,
diff --git a/packages/editor-ui/src/components/NodeTitle.vue b/packages/editor-ui/src/components/NodeTitle.vue
index b9e681a785..5a12c492c0 100644
--- a/packages/editor-ui/src/components/NodeTitle.vue
+++ b/packages/editor-ui/src/components/NodeTitle.vue
@@ -17,11 +17,11 @@
 				</div>
 			</div>
 			<span :class="$style.title" slot="reference">
-				<WorkflowNameShort :name="value" :limit="40">
+				<ShortenName :name="value" :limit="40">
 					<template v-slot="{ shortenedName }">
 						{{ shortenedName }}
 					</template>
-				</WorkflowNameShort>
+				</ShortenName>
 				<font-awesome-icon :class="$style.editIcon" icon="pencil-alt" />
 			</span>
 		</el-popover>
@@ -30,10 +30,10 @@
 
 <script lang="ts">
 import Vue from 'vue';
-import WorkflowNameShort from './WorkflowNameShort.vue';
+import ShortenName from './ShortenName.vue';
 
 export default Vue.extend({
-	components: { WorkflowNameShort },
+	components: { ShortenName },
 	name: 'NodeTitle',
 	props: {
 		value: {
diff --git a/packages/editor-ui/src/components/WorkflowNameShort.vue b/packages/editor-ui/src/components/ShortenName.vue
similarity index 96%
rename from packages/editor-ui/src/components/WorkflowNameShort.vue
rename to packages/editor-ui/src/components/ShortenName.vue
index eb9b73c063..dca88204b1 100644
--- a/packages/editor-ui/src/components/WorkflowNameShort.vue
+++ b/packages/editor-ui/src/components/ShortenName.vue
@@ -11,7 +11,7 @@ const DEFAULT_WORKFLOW_NAME_LIMIT = 25;
 const WORKFLOW_NAME_END_COUNT_TO_KEEP = 4;
 
 export default Vue.extend({
-	name: "WorkflowNameShort",
+	name: "ShortenName",
 	props: ["name", "limit"],
 	computed: {
 		shortenedName(): string {