refactor(editor): Move editor-ui and design-system to frontend dir (no-changelog) (#13564)

packages/frontend/editor-ui/src/components/Projects/ProjectMoveSuccessToastMessage.vue

@@ -0,0 +1,52 @@
+<script lang="ts" setup>
+import { computed } from 'vue';
+import { truncate } from '@n8n/utils/string/truncate';
+import { ResourceType, splitName } from '@/utils/projects.utils';
+import type { ProjectListItem } from '@/types/projects.types';
+import { ProjectTypes } from '@/types/projects.types';
+import { useI18n } from '@/composables/useI18n';
+
+const props = defineProps<{
+	routeName: string;
+	resourceType: ResourceType;
+	targetProject: ProjectListItem;
+	isShareCredentialsChecked: boolean;
+	areAllUsedCredentialsShareable: boolean;
+}>();
+
+const i18n = useI18n();
+
+const isWorkflow = computed(() => props.resourceType === ResourceType.Workflow);
+const isTargetProjectTeam = computed(() => props.targetProject.type === ProjectTypes.Team);
+const targetProjectName = computed(() => {
+	const { name, email } = splitName(props.targetProject?.name ?? '');
+	return truncate(name ?? email ?? '', 25);
+});
+</script>
+<template>
+	<div>
+		<N8nText v-if="isWorkflow" tag="p" class="pt-xs">
+			<span v-if="props.isShareCredentialsChecked && props.areAllUsedCredentialsShareable">{{
+				i18n.baseText('projects.move.resource.success.message.workflow.withAllCredentials')
+			}}</span>
+			<span v-else-if="props.isShareCredentialsChecked">{{
+				i18n.baseText('projects.move.resource.success.message.workflow.withSomeCredentials')
+			}}</span>
+			<span v-else>{{ i18n.baseText('projects.move.resource.success.message.workflow') }}</span>
+		</N8nText>
+		<p v-if="isTargetProjectTeam" class="pt-s">
+			<router-link
+				:to="{
+					name: props.routeName,
+					params: { projectId: props.targetProject.id },
+				}"
+			>
+				{{
+					i18n.baseText('projects.move.resource.success.link', {
+						interpolate: { targetProjectName },
+					})
+				}}
+			</router-link>
+		</p>
+	</div>
+</template>