From 3eeea284f9e78e04881187a1237a7c386f691a15 Mon Sep 17 00:00:00 2001
From: Csaba Tuncsik <csaba@n8n.io>
Date: Thu, 9 Jan 2025 12:18:30 +0100
Subject: [PATCH] fix(editor): Show used credentials names as links in a
 tooltip and send IDs with the request

---
 packages/editor-ui/src/api/workflows.ee.ts      |  2 ++
 .../Projects/ProjectMoveResourceModal.vue       | 17 ++++++++++++++++-
 packages/editor-ui/src/stores/projects.store.ts |  8 +++++++-
 3 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/packages/editor-ui/src/api/workflows.ee.ts b/packages/editor-ui/src/api/workflows.ee.ts
index 993d0d872550e..e50633969b8df 100644
--- a/packages/editor-ui/src/api/workflows.ee.ts
+++ b/packages/editor-ui/src/api/workflows.ee.ts
@@ -19,8 +19,10 @@ export async function moveWorkflowToProject(
 	context: IRestApiContext,
 	id: string,
 	destinationProjectId: string,
+	shareCredentials?: string[],
 ): Promise<void> {
 	return await makeRestApiRequest(context, 'PUT', `/workflows/${id}/transfer`, {
 		destinationProjectId,
+		shareCredentials,
 	});
 }
diff --git a/packages/editor-ui/src/components/Projects/ProjectMoveResourceModal.vue b/packages/editor-ui/src/components/Projects/ProjectMoveResourceModal.vue
index a2205f2490a53..9e9d3be91004a 100644
--- a/packages/editor-ui/src/components/Projects/ProjectMoveResourceModal.vue
+++ b/packages/editor-ui/src/components/Projects/ProjectMoveResourceModal.vue
@@ -82,6 +82,7 @@ const moveResource = async () => {
 			props.data.resourceType,
 			props.data.resource.id,
 			selectedProject.value.id,
+			shareUsedCredentials.value ? usedCredentials.value.map((c) => c.id) : undefined,
 		);
 		closeModal();
 		telemetry.track(`User successfully moved ${props.data.resourceType}`, {
@@ -221,7 +222,7 @@ onMounted(async () => {
 										}}
 									</span>
 									<template #content>
-										<ul>
+										<ul :class="$style.credentialsList">
 											<li v-for="credential in usedCredentials" :key="credential.id">
 												<router-link
 													target="_blank"
@@ -276,4 +277,18 @@ onMounted(async () => {
 	display: block;
 	margin-top: var(--spacing-s);
 }
+
+.credentialsList {
+	list-style-type: none;
+	padding: 0;
+	margin: 0;
+
+	li {
+		padding: 0 0 var(--spacing-3xs);
+
+		&:last-child {
+			padding-bottom: 0;
+		}
+	}
+}
 </style>
diff --git a/packages/editor-ui/src/stores/projects.store.ts b/packages/editor-ui/src/stores/projects.store.ts
index b795366f3b7be..b8db077ece31c 100644
--- a/packages/editor-ui/src/stores/projects.store.ts
+++ b/packages/editor-ui/src/stores/projects.store.ts
@@ -162,9 +162,15 @@ export const useProjectsStore = defineStore(STORES.PROJECTS, () => {
 		resourceType: 'workflow' | 'credential',
 		resourceId: string,
 		projectId: string,
+		shareCredentials?: string[],
 	) => {
 		if (resourceType === 'workflow') {
-			await workflowsEEApi.moveWorkflowToProject(rootStore.restApiContext, resourceId, projectId);
+			await workflowsEEApi.moveWorkflowToProject(
+				rootStore.restApiContext,
+				resourceId,
+				projectId,
+				shareCredentials,
+			);
 			await workflowsStore.fetchAllWorkflows(currentProjectId.value);
 		} else {
 			await credentialsEEApi.moveCredentialToProject(